.page-payslip-decoder .sec-frontline{font-size:clamp(34px,5vw,60px)}.page-payslip-decoder .chart-wrap{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:14px 14px 8px}.page-payslip-decoder .legend-dot{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:middle;margin-right:5px}.page-payslip-decoder .seg{display:inline-flex;border:1px solid var(--rule-strong);border-radius:999px;padding:2px;background:#fff;flex-wrap:wrap}.page-payslip-decoder .seg button{font-family:var(--font-jetbrains-mono),monospace;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:none;background:transparent;color:rgba(10,10,10,.5);cursor:pointer;transition:all .15s}.page-payslip-decoder .seg button.on{background:#0A0A0A;color:#fff}.page-payslip-decoder .field-lbl{font-family:var(--font-jetbrains-mono),monospace;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(10,10,10,.45);margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline}.page-payslip-decoder .field-lbl b{font-family:var(--font-jetbrains-mono),monospace;color:#0A0A0A;font-weight:600;font-size:12px;letter-spacing:0}.page-payslip-decoder input[type=range]{width:100%;accent-color:#2C5BFF}.page-payslip-decoder .num-in,.page-payslip-decoder .sel-in{width:100%;height:38px;border:1px solid var(--rule-strong);border-radius:3px;padding:0 11px;font-family:var(--font-jetbrains-mono),monospace;font-size:13px;color:#0A0A0A;outline:none;background:#fff}.page-payslip-decoder .num-in:focus,.page-payslip-decoder .sel-in:focus{border-color:#2C5BFF}.page-payslip-decoder .stat{background:#fff;border:1px solid var(--rule);border-radius:4px;padding:15px 16px}.page-payslip-decoder .stat .k{font-family:var(--font-jetbrains-mono),monospace;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(10,10,10,.45)}.page-payslip-decoder .stat .v{font-family:var(--font-newsreader),serif;font-size:clamp(22px,2.6vw,30px);font-weight:400;letter-spacing:-1px;color:#0A0A0A;line-height:1.1;margin-top:6px}.page-payslip-decoder .stat .s{font-family:var(--font-inter),sans-serif;font-size:11.5px;color:rgba(10,10,10,.5);margin-top:4px}.page-payslip-decoder .stat.accent{border-color:rgba(44,91,255,.4);background:rgba(44,91,255,.03)}.page-payslip-decoder .stat.accent .v{color:#2C5BFF}.page-payslip-decoder .callout{border-left:2px solid #2c5bff;background:rgba(44,91,255,.04);padding:16px 18px;border-radius:0 4px 4px 0}@media (max-width:640px){.page-payslip-decoder .info-tip .tip-body{left:auto;right:-8px;transform:none}html[lang=ar] .page-payslip-decoder .info-tip .tip-body{right:auto;left:-8px;transform:none}}.page-payslip-decoder .payslip{background:#fff;border:1px solid var(--rule-strong);border-radius:4px;overflow:hidden;box-shadow:0 18px 44px rgba(10,10,10,.07)}.page-payslip-decoder .payslip-head{background:#0A0A0A;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.page-payslip-decoder .payslip-head .co{font-family:var(--font-newsreader),serif;font-size:18px;letter-spacing:-.4px}.page-payslip-decoder .payslip-head .mo{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.6)}.page-payslip-decoder .ps-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline;padding:12px 20px;border-bottom:1px dashed var(--rule)}.page-payslip-decoder .ps-row .lbl{font-family:var(--font-inter),sans-serif;font-size:13.5px;font-weight:500;color:#0A0A0A}.page-payslip-decoder .ps-row .amt{font-family:var(--font-jetbrains-mono),monospace;font-size:14px;font-weight:600;color:#0A0A0A;white-space:nowrap}.page-payslip-decoder .ps-row .note{grid-column:1/-1;font-size:11.5px;line-height:1.55;color:rgba(10,10,10,.55)}.page-payslip-decoder .ps-row.hot{background:rgba(44,91,255,.05);border-left:3px solid #2c5bff;padding-left:17px}.page-payslip-decoder .ps-row.hot .amt{color:#2C5BFF}.page-payslip-decoder .ps-row.deduct .amt{color:#D23B2E}.page-payslip-decoder .ps-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 20px;background:#F6F7F9;border-top:1px solid var(--rule-strong)}.page-payslip-decoder .ps-total .lbl{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(10,10,10,.55)}.page-payslip-decoder .ps-total .amt{font-family:var(--font-newsreader),serif;font-size:24px;letter-spacing:-.8px}.page-payslip-decoder .ps-tag{display:inline-block;font-family:var(--font-jetbrains-mono),monospace;font-size:8.5px;letter-spacing:.8px;text-transform:uppercase;padding:2px 7px;border-radius:999px;margin-left:8px;vertical-align:middle}.page-payslip-decoder .ps-tag.blue{background:rgba(44,91,255,.1);color:#2C5BFF}.page-payslip-decoder .ps-tag.grey{background:#EEF0F4;color:rgba(10,10,10,.55)}.page-payslip-decoder #live-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--rule-strong);padding:10px 20px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .25s ease}.page-payslip-decoder #live-bar.on{transform:none}.page-payslip-decoder .lb-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;gap:22px;overflow-x:auto}.page-payslip-decoder .lb-item{white-space:nowrap}.page-payslip-decoder .lb-k{display:block;font-family:var(--font-jetbrains-mono),monospace;font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(10,10,10,.45)}.page-payslip-decoder .lb-v{font-family:var(--font-jetbrains-mono),monospace;font-size:15px;color:#0A0A0A}.page-payslip-decoder .lb-jump{margin-inline-start:auto;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#2C5BFF;white-space:nowrap}@media (max-width:640px){.page-payslip-decoder .info-tip .tip-body{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;transform:none!important;max-width:none!important;width:auto!important}}html[lang=ar] .page-payslip-decoder .field-lbl,html[lang=ar] .page-payslip-decoder .lb-jump,html[lang=ar] .page-payslip-decoder .lb-k,html[lang=ar] .page-payslip-decoder .lb-v,html[lang=ar] .page-payslip-decoder .payslip-head .mo,html[lang=ar] .page-payslip-decoder .ps-tag,html[lang=ar] .page-payslip-decoder .ps-total .lbl,html[lang=ar] .page-payslip-decoder .seg button,html[lang=ar] .page-payslip-decoder .stat .k{font-family:var(--font-plex-arabic),sans-serif!important;letter-spacing:0!important;text-transform:none!important}html[lang=ar] .page-payslip-decoder .ps-row .lbl,html[lang=ar] .page-payslip-decoder .stat .s{font-family:var(--font-plex-arabic),sans-serif}html[lang=ar] .page-payslip-decoder .sec-frontline{line-height:1.35}html[lang=ar] .page-payslip-decoder .payslip-head .co{font-family:var(--font-naskh),serif;letter-spacing:0}html[lang=ar] .page-payslip-decoder .callout{border-left:none;border-right:2px solid #2c5bff;border-radius:4px 0 0 4px}html[lang=ar] .page-payslip-decoder .legend-dot{margin-right:0;margin-left:5px}html[lang=ar] .page-payslip-decoder .ps-row.hot{border-left:none;border-right:3px solid #2c5bff;padding-left:20px;padding-right:17px}html[lang=ar] .page-payslip-decoder .ps-tag{margin-left:0;margin-right:8px}