:root{--ink: #f7f3eb;--ink-soft: #8d8e91;--ink-faint: #5d5c57;--line: #26231c;--line-strong: #5e4a1d;--surface: #151511;--canvas: #0a0a08;--hover: #1f1e19;--brand: #c5a14b;--brand-dark: #efc85a;--brand-soft: #211b0f;--appbar: #050504;--ok: #72bd72;--ok-soft: #102111;--danger: #e36f76;--danger-soft: #251012;--r: 4px;--r-lg: 6px;--appbar-h: 64px;--panel-w: min(660px, 100vw);--shadow: 0 1px 2px rgb(0 0 0 / .06);--shadow-lg: 0 8px 24px rgb(0 0 0 / .18);color:var(--ink);background:var(--surface);font-family:Inter,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;font-family:inherit}html,body,#app{height:100%}body{margin:0;min-width:320px;overflow:hidden;background:var(--surface);-webkit-font-smoothing:antialiased}button,input,select,table,th,td{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,h4,p,dl,dd{margin:0}.grow{flex:1}.workspace{min-height:100%}.login-shell{align-items:center;background:var(--canvas);display:flex;min-height:100%;justify-content:center;padding:24px}.login-panel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:grid;gap:14px;max-width:380px;padding:26px;width:100%}.login-logo{display:block;height:auto;margin-bottom:4px;max-width:210px;object-fit:contain;width:68%}.login-panel h1{color:#fff;font-size:22px;font-weight:600}.login-panel .btn{margin-top:4px;width:100%}.login-error{background:var(--danger-soft);border:1px solid rgb(227 111 118 / .45);border-radius:var(--r);color:var(--danger);font-size:13px;padding:9px 10px}.login-status{color:var(--ink-soft);font-size:14px}.appbar{align-items:center;background:var(--appbar);color:#fff;display:flex;gap:14px;height:var(--appbar-h);padding:0 24px}.appbar-brand{align-items:center;color:inherit;display:flex;gap:10px;min-width:0;text-decoration:none}.appbar-brand .brand-logo{background:transparent;border:0;border-radius:0;display:block;flex:none;height:40px;object-fit:contain;padding:0;width:122px}.app{align-items:flex-start;display:flex;height:calc(100vh - var(--appbar-h));min-height:0}.sidebar{background:var(--surface);display:flex;flex:none;flex-direction:column;height:100%;overflow-y:auto;width:224px}.nav{flex:1;padding:0}.section-switch{display:flex;flex-direction:column;gap:0;padding:0 0 6px}.section-switch button{align-items:center;background:none;border:0;border-radius:0;color:var(--ink-soft);font-size:13px;font-weight:700;display:flex;gap:8px;letter-spacing:.12em;min-height:36px;padding:6px 12px 6px 16px;text-align:left;text-transform:uppercase;width:100%}.section-switch button:hover{background:#d4a72c24}.section-switch button.active{background:#c5a14b1f;color:var(--brand-dark);font-weight:600}.section-switch button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-switch button small{color:#c4ad75;font-size:15px;font-variant-numeric:tabular-nums}.main{background:var(--surface);display:flex;flex:1;flex-direction:column;height:100%;min-width:0}.topbar{align-items:center;background:var(--surface);display:flex;flex:none;gap:10px;min-height:50px;padding:0 24px}.topbar h1{color:#fff;font-size:22px;font-weight:600;line-height:1.1}.appbar-logout{align-items:center;background:transparent;border:0;border-radius:var(--r);color:var(--ink-soft);display:inline-flex;flex:none;font-size:13px;font-weight:700;height:34px;justify-content:center;letter-spacing:.08em;padding:0 10px;text-transform:uppercase}.appbar-logout:hover{text-decoration:underline;text-underline-offset:3px}.azure-commandbar{align-items:center;background:var(--surface);display:flex;flex:none;gap:2px;min-height:38px;padding:0 20px}.azure-commandbar .left{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:2px;min-width:0}.cmd-button{align-items:center;background:transparent;border:0;border-radius:var(--r);color:#b3b0aa;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;gap:7px;height:32px;padding:0 9px;white-space:nowrap}.cmd-button svg{color:var(--brand);flex:none}.cmd-button:hover{background:var(--hover);color:#fff}.cmd-button:disabled:hover{background:transparent}.content{flex:1;min-height:0;overflow:auto;background:var(--surface);padding:12px 24px 26px}.toast-stack{align-items:flex-end;display:flex;flex-direction:column;gap:6px;position:relative;z-index:130}.toast{align-items:center;background:#1b1b16;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);display:flex;font-size:13px;gap:8px;max-width:420px;padding:6px 6px 6px 10px}.toast .status{flex:none}.toast.ok .status{color:var(--ok)}.toast.err .status{color:var(--danger)}.toast .close{height:22px;width:22px}.close{align-items:center;background:none;border:0;border-radius:var(--r);color:var(--ink-soft);display:inline-flex;flex:none;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.close:hover{background:var(--hover);color:var(--ink)}.card{background:transparent;border:0;border-radius:0;overflow:visible}.card-header{align-items:center;color:var(--brand-dark);display:flex;font-size:15px;font-weight:600;margin-bottom:6px;padding:0 0 4px}.card-body{padding:0}.toolbar{align-items:center;background:transparent;display:flex;flex-wrap:wrap;gap:8px;min-height:0;padding:2px 0 10px}.filter-search{display:block;margin:0;position:relative;width:min(300px,36vw)}.filter-search input{background:#0b0b09;border-color:#41351c;border-radius:2px;height:32px;padding-left:31px}.filter-search svg{color:var(--brand);left:9px;pointer-events:none;position:absolute;top:9px}.muted{color:var(--ink-soft);font-size:13px}label{color:var(--ink-soft);display:block;font-size:14px;font-weight:500}label>span{color:var(--ink-soft);display:block;font-size:13px;margin-bottom:5px}input,select{background:#0b0b09;border:1px solid var(--line-strong);border-radius:var(--r);color:var(--ink);font-size:14px;height:34px;outline:none;padding:0 9px;transition:border-color .12s,box-shadow .12s;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23c7a04a' stroke-width='1.6'%3E%3Cpath d='M4 6l4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 0 0 3px #c7a04a29}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#242423;border:1px solid #4a4945;border-radius:3px;display:inline-grid;height:16px;margin:0;padding:0;place-content:center;width:16px}input[type=checkbox]:before{background:var(--brand-dark);clip-path:polygon(14% 44%,0 62%,42% 100%,100% 18%,82% 0,38% 62%);content:"";height:10px;transform:scale(0);transition:transform .1s ease;width:10px}input[type=checkbox]:checked{background:#1d1b15;border-color:var(--brand)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #c7a04a2e}.btn{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:var(--r);color:#17140f;display:inline-flex;font-size:14px;font-weight:600;gap:7px;height:34px;justify-content:center;padding:0 12px;text-decoration:none;white-space:nowrap}.btn:hover{background:#c4941e;border-color:#c4941e}.btn.ghost{background:#0b0b09;border-color:var(--line-strong);color:var(--ink)}.btn.ghost:hover,.btn.quiet:hover{background:var(--hover)}.btn.quiet{background:none;color:var(--brand-dark)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#7a1d21}.btn.sm{font-size:13px;height:26px;padding:0 7px}*{scrollbar-color:var(--brand) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:var(--brand);border:2px solid transparent;background-clip:padding-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--brand-dark);background-clip:padding-box}.table-scroll{overflow-x:hidden;overflow-y:auto}table.data{border-collapse:collapse;font-size:14px;table-layout:fixed;width:100%}table.data th,table.data td{border:0;border-bottom:1px solid #211b12;overflow:hidden;padding:7px 10px 7px 0;text-align:left;text-overflow:ellipsis;vertical-align:middle}table.data th{background:#151511;color:var(--brand);font-size:13px;font-weight:600;position:sticky;top:0;z-index:2}table.data th:not(:last-child){box-shadow:none}table.data td small{color:var(--ink-soft);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.data.compact{font-size:12.5px}table.data.compact th,table.data.compact td{padding:6px 8px 6px 0}table.data.compact th{font-size:11.5px}table.data.compact td{overflow-wrap:anywhere;white-space:normal}table.data tr.is-saving{opacity:.78}.cell-input{background:transparent;border:0;caret-color:var(--brand-dark);color:var(--ink);display:block;font:inherit;min-width:0;outline:0;padding:0;width:100%}input.cell-input,select.cell-input{height:22px}textarea.cell-input{line-height:1.4;overflow:hidden;overflow-wrap:anywhere;resize:none}.cell-input:focus{box-shadow:none;color:var(--brand-dark)}.cell-input:disabled{color:var(--ink-soft);cursor:progress}.cell-input.strong{color:var(--brand-dark);font-weight:700}.cell-input.num-input{font-variant-numeric:tabular-nums;text-align:left}select.cell-input{background-position:right 0 center;background-size:13px;padding-right:15px}table.data .col-check{padding-left:7px;padding-right:7px;text-align:center}table.data .num{font-variant-numeric:tabular-nums;text-align:left}table.data .strong{color:var(--brand-dark);font-weight:700}.danger-text{color:var(--danger)}.th-sort{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font:inherit;font-weight:600;gap:4px;height:24px;max-width:calc(100% - 8px);padding:0;text-align:left}.sort-ind{color:var(--ink-faint);flex:none;font-size:11px}.empty-row{color:var(--ink-soft);height:72px;text-align:center!important}.col-resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none;width:8px;z-index:3}table.data[data-grid] thead:hover th:not(.col-check):not(:last-child),.col-resizer.dragging{box-shadow:inset -2px 0 0 var(--brand)}body.col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.drawer{--line-strong: #34322c;background:#12120f;bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;position:fixed;right:0;top:var(--appbar-h);width:var(--panel-w);z-index:101}.drawer.narrow{width:min(480px,100vw)}.drawer-head{align-items:flex-start;background:#131310;border-bottom:1px solid var(--line);display:flex;flex:none;gap:10px;padding:10px 14px 8px}.drawer-title{flex:1;min-width:0}.drawer-head h2{color:#fff;font-size:18px;font-weight:600}.drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px}.drawer-body>section>h3{color:var(--ink-soft);font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.drawer-body>section+section{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.guide-table{border-collapse:collapse;table-layout:auto;width:100%}.guide-table thead th{border-bottom:1px solid var(--line-strong);color:var(--brand-dark);font-size:11px;font-weight:600;letter-spacing:.04em;padding:6px 8px;text-align:left;text-transform:uppercase}.guide-table tbody th{color:var(--ink);font-size:13px;font-weight:500;padding:5px 8px;text-align:left;vertical-align:middle;white-space:nowrap}.guide-table td{border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:13px;padding:5px 8px;vertical-align:middle}.guide-table tbody th{border-bottom:1px solid var(--line)}.guide-table .num{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;width:1%}.guide-table thead th.num{color:var(--brand-dark);text-align:right}.guide-table tbody tr.rule th,.guide-table tbody tr.rule td{border-bottom:0;color:var(--brand-dark);font-weight:600}.guide-table tbody tr.is-current th,.guide-table tbody tr.is-current td{background:var(--brand-soft);color:var(--brand-dark)}.dlg-foot{background:#131310;border-top:1px solid var(--line);display:flex;flex:none;gap:20px;justify-content:flex-start;padding:12px 14px}.dlg-foot .btn{background:none;border:0;border-radius:0;color:var(--brand-dark);font-size:14px;font-weight:600;gap:6px;height:auto;padding:2px 0}.dlg-foot .btn.ghost{background:none;color:var(--ink-soft);font-weight:500}.dlg-foot .btn.danger{background:none;color:var(--danger);font-weight:500}.dlg-foot .btn:hover:not(:disabled){background:none;border-color:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.dlg-foot .btn.danger:hover:not(:disabled){color:var(--danger)}.dlg-foot .btn:disabled{color:var(--ink-faint)}.drawer input:focus,.drawer select:focus{border-color:#7c7a72;box-shadow:0 0 0 1px #7c7a72}.drawer select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%238d8e91' stroke-width='1.6'%3E%3Cpath d='M4 6l4 4 4-4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dlg-foot .push-right{margin-left:auto}.scrim{background:transparent;border:0;bottom:0;left:0;padding:0;position:fixed;right:var(--panel-w);top:var(--appbar-h);z-index:100}.grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.grid .full{grid-column:1 / -1}.pay-grid{align-items:start;display:grid;gap:8px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.facts-table{border-collapse:collapse;width:100%}.facts-table th,.facts-table td{border-bottom:0;font-size:15px;padding:6px 0;text-align:left}.facts-table th{color:var(--ink-soft);font-weight:500}.facts-table td{font-variant-numeric:tabular-nums;text-align:right}.fx-note{margin-top:10px}.delete-list{margin:0;padding-left:18px}.delete-list li{padding:3px 0}.payslip-workspace{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:4px 0 8px}.editor-pane{min-width:0}.particulars{border-collapse:collapse;table-layout:fixed;width:100%}.particulars thead th{background:var(--brand-soft);border-bottom:1px solid var(--line-strong);color:var(--brand-dark);font-size:12px;font-weight:600;letter-spacing:.04em;padding:8px 10px;text-align:left;text-transform:uppercase}.particulars thead th.value{text-align:right}.particulars tbody th{border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:400;padding:0 10px;text-align:left;width:58%}.particulars tbody td{border-bottom:1px solid var(--line);padding:0;width:42%}.particulars input{background:transparent;border:0;border-radius:0;caret-color:var(--brand-dark);color:var(--ink);font-variant-numeric:tabular-nums;padding:7px 10px;text-align:right;width:100%}.particulars td>input[type=text]{text-align:left}.particulars input[type=date]{text-align:right}.particulars input::placeholder{color:var(--ink-faint);opacity:1}.particulars .total-row input::placeholder,.particulars .net-row input::placeholder{color:var(--ink-soft)}.particulars input:focus{box-shadow:none;color:var(--brand-dark)}.particulars input::-webkit-outer-spin-button,.particulars input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.particulars input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.amount-cell{align-items:center;display:flex}.amount-cell input{flex:1;min-width:0}.amount-cell.is-manual input{color:var(--brand-dark);font-weight:600}.cell-reset{align-items:center;background:transparent;border:0;color:var(--ink-soft);display:flex;flex:none;padding:4px 8px 4px 0}.cell-reset:hover{color:var(--brand-dark)}.particulars .strong-row th{font-weight:600}.particulars .spacer-row td{border-bottom:0;height:16px;padding:0}.particulars .band-row td{background:var(--brand-soft);border-bottom:1px solid var(--line-strong);color:var(--brand-dark);font-size:12px;font-weight:600;letter-spacing:.04em;padding:7px 10px;text-align:right;text-transform:uppercase;width:auto}.particulars .total-row th,.particulars .total-row .amount-cell input{color:var(--brand-dark);font-weight:600}.particulars .net-row th,.particulars .net-row td{background:var(--brand-soft);border-bottom:0}.particulars .net-row th{font-size:15px;font-weight:700}.particulars .net-row .amount-cell input{color:var(--brand-dark);font-size:15px;font-weight:700}.preview-pane{display:flex;justify-content:center;min-width:0}.payslip-scale{display:flex;justify-content:center;width:min(100%,760px)}.payslip{background:#fff;border:1px solid #ccd6cf;color:#1f2933;border-radius:8px;box-shadow:0 20px 55px #1f29331a;max-width:720px;overflow:hidden;padding:34px 38px 38px;position:relative;width:100%}.payslip:before{background-image:url(/elite-watermark.png);background-position:center;background-repeat:space;background-size:255px auto;content:"";filter:saturate(1.1) contrast(1.02);top:-38%;right:-38%;bottom:-38%;left:-38%;opacity:.11;pointer-events:none;position:absolute;transform:rotate(-28deg);transform-origin:center;z-index:0}.payslip>*{position:relative;z-index:1}.company-letterhead{border-bottom:1px solid #c9d2dc;display:flex;justify-content:center;margin-bottom:16px;padding-bottom:10px}.company-letterhead img{display:block;height:auto;max-height:112px;max-width:560px;object-fit:contain;width:86%}.payslip header{align-items:flex-start;border-bottom:1px solid #d7ddd7;display:flex;gap:24px;justify-content:space-between;margin-bottom:22px;padding-bottom:16px}.payslip header p{color:#77808c;font-size:.76rem;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.payslip h2{color:#101a28;font-size:1.5rem}.slip-dates{display:grid;gap:10px;text-align:right}.slip-dates div{display:grid;gap:3px}.slip-dates span{color:#77808c;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.payslip time{color:#46515d;font-weight:700}.project-name{color:#46515d;display:block;font-size:.95rem;margin-top:4px}.payslip-table{border-collapse:collapse;table-layout:fixed;width:100%}.payslip-table td{border-bottom:1px solid #edf0ec;color:#1f2933;font-size:1.06rem;height:36px;padding:5px 0;vertical-align:middle}.payslip-table td:first-child{width:46%}.payslip-table td:nth-child(2),.payslip-table td:nth-child(3){font-variant-numeric:tabular-nums;text-align:right}.payslip-table td:nth-child(2){color:#2f3a45;padding-right:28px;width:27%}.payslip-table td:nth-child(3){width:27%}.payslip-table .breakdown-section td{border-bottom:0;color:#1f2933;font-size:1.05rem;font-weight:900;height:42px;padding-top:14px}.payslip-table .total-cell{font-weight:900}.payslip-table .deduction-line td,.payslip-table .deduction-line td:nth-child(2){color:#d71920}.payslip-table .deduction-line td:nth-child(2),.payslip-table .deduction-line td:nth-child(3){font-weight:800}.blue{color:#1b3fa9;font-weight:800!important}.red{color:#d71920;font-weight:800!important}.net-row-slip td{border-bottom:0;padding-top:12px}.net-row-slip td:first-child{color:#1b3fa9;font-size:1.14rem;font-weight:900;text-transform:uppercase}.net-amount{border-bottom:4px double #1b3fa9!important;color:#1b3fa9!important;font-size:1.18rem!important;font-weight:900!important;padding-bottom:4px!important}@media(max-width:900px){body{overflow:auto}.app{height:auto;min-height:calc(100vh - var(--appbar-h))}.sidebar{width:72px}.section-switch button{justify-content:center;padding:10px}.section-switch span,.section-switch small{display:none}.main{min-height:calc(100vh - var(--appbar-h))}.content{overflow:visible}.filter-search{width:100%}.grid{grid-template-columns:1fr}.drawer{left:0;width:100vw}.scrim{display:none}}@media(max-width:1180px){.payslip-workspace{gap:24px;grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){.appbar{padding:0 24px}.appbar-brand .brand-logo{height:44px;width:134px}.topbar{align-items:flex-start;flex-direction:column;gap:2px;justify-content:center;padding-bottom:8px;padding-top:8px}.azure-commandbar .left{overflow-x:auto;padding-bottom:2px}.payslip{padding:20px}.payslip header{flex-direction:column;gap:10px}.slip-dates{text-align:left}.payslip-table td{font-size:.98rem}}@media print{@page{margin:.45in;size:letter portrait}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff;min-height:auto;overflow:visible}.appbar,.sidebar,.topbar,.azure-commandbar,.drawer,.scrim,.toast-stack,.print-hidden{display:none!important}.workspace,.app,.main,.content,.payslip-workspace,.preview-pane{background:#fff;display:block;height:auto;min-height:auto;overflow:visible;padding:0}.payslip-scale{display:block;width:auto}.payslip{border:0;border-radius:0;box-shadow:none;max-width:7.35in;padding:.35in .42in .42in;page-break-inside:avoid;width:100%}.payslip:before{background-position:center;background-size:2in auto;top:-42%;right:-42%;bottom:-42%;left:-42%;opacity:.1}.company-letterhead{margin-bottom:14pt;padding-bottom:10pt}.company-letterhead img{max-height:1.05in;max-width:5.25in}.payslip header{margin-bottom:16pt;padding-bottom:10pt}.payslip header p,.slip-dates span{font-size:8pt}.payslip h2{font-size:17pt}.payslip time{font-size:10pt}.payslip-table td{font-size:11pt;height:25pt;padding:3pt 0}.payslip-table .breakdown-section td{font-size:11pt;height:29pt;padding-top:9pt}.net-row-slip td:first-child,.net-amount{font-size:12pt!important}}