: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-scheme:dark;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-skeleton{display:grid;gap:10px}.sk.login-sk-field{height:34px;margin-bottom:4px;width:100%}.sk.login-sk-button{height:36px;margin-top:4px;width:100%}.login-hint{color:var(--ink-soft);font-size:13px;line-height:1.5;margin:0}.login-link{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit;font-size:13px;justify-self:center;padding:2px 4px}.login-link:hover,.login-link:focus-visible{text-decoration:underline}.notfound-panel{gap:10px}.notfound-path{background:var(--brand-soft);border:1px solid var(--line-strong);border-radius:var(--r);color:var(--ink);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;overflow-wrap:anywhere;padding:1px 5px}.notfound-code{color:var(--brand);font-size:12px;font-weight:600;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.notfound-panel .btn{margin-top:10px}.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}.sidebar-foot{align-items:center;border-top:1px solid var(--line);display:flex;flex:none;gap:8px;justify-content:space-between;padding:12px 12px 12px 16px}.sidebar-role{color:var(--brand-dark);font-size:12px;font-weight:700;letter-spacing:.12em;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sidebar-logout{align-items:center;background:transparent;border:0;border-radius:var(--r);color:var(--ink-soft);display:inline-flex;flex:none;font-size:12px;font-weight:700;gap:6px;height:32px;letter-spacing:.08em;padding:0 8px;text-transform:uppercase}.sidebar-logout:hover{background:#d4a72c24;color:var(--ink)}.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}.appbar-bell{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--ink-soft);display:inline-flex;flex:none;height:38px;justify-content:center;padding:0;position:relative;width:38px}.appbar-bell:hover,.appbar-bell.active{background:#d4a72c24;color:var(--ink)}.bell-badge{background:var(--brand-dark);border:2px solid var(--appbar);border-radius:999px;color:#17140c;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;height:18px;line-height:14px;min-width:18px;padding:0 4px;position:absolute;right:1px;text-align:center;top:2px}.notif-body{padding:0}.notif-empty{color:var(--ink-soft);font-size:13px;padding:36px 14px;text-align:center}.notif-list{list-style:none;margin:0;padding:0}.notif-item{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:12px 10px 12px 14px}.notif-item.is-unread{background:#c5a14b12}.notif-icon{align-items:center;border-radius:999px;color:var(--ink-soft);display:inline-flex;flex:none;height:30px;justify-content:center;background:#ffffff0d;width:30px}.notif-icon.is-in{background:#72bd7224;color:var(--ok)}.notif-icon.is-out,.notif-icon.is-notice{background:#c5a14b24;color:var(--brand-dark)}.notif-text{flex:1;min-width:0}.notif-text p{color:var(--ink-soft);font-size:13px;line-height:1.4;margin:0;overflow-wrap:anywhere}.notif-item.is-unread .notif-text p{color:var(--ink);font-weight:600}.notif-text time{color:var(--ink-faint);display:block;font-size:12px;font-variant-numeric:tabular-nums;margin-top:2px}.notif-actions{display:flex;flex:none;gap:2px}.notif-action{align-items:center;background:none;border:0;border-radius:999px;color:var(--ink-faint);display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.notif-action:hover{background:#d4a72c24;color:var(--ink)}.scrim.notif-scrim{right:min(480px,100vw)}.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{display:flex;flex:1;flex-direction:column;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;display:flex;flex:1;flex-direction:column;min-height: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:none;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%}option{background:var(--surface);color:var(--ink)}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]::-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}.mode-switch{background:#0b0b09;border:1px solid var(--line-strong);border-radius:var(--r);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.mode-switch button{background:none;border:0;color:var(--ink-soft);font-size:13px;font-weight:600;min-height:34px;padding:0 10px}.mode-switch button+button{border-left:1px solid var(--line-strong)}.mode-switch button:hover{background:var(--hover);color:var(--ink)}.mode-switch button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-dark)}.mode-switch button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.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{flex:1;min-height:0;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::placeholder{color:var(--ink-faint);opacity:1}.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}.clocked-hours{cursor:help;display:block;font-variant-numeric:tabular-nums;font-weight:600}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.table-body{padding-top:0}.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;flex:none;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 .note-row td{color:var(--ink-soft);padding:7px 10px}.particulars .flat-value{display:block;font-variant-numeric:tabular-nums;padding:7px 10px;text-align:right}.particulars .total-row th,.particulars .total-row .flat-value,.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}.toast-stack{pointer-events:none;position:fixed;right:24px;top:calc(var(--appbar-h) + 10px)}.toast{pointer-events:auto}.nav-group+.nav-group{margin-top:6px}.nav-heading{color:var(--ink-faint);display:block;font-size:11px;font-weight:700;letter-spacing:.16em;padding:14px 16px 6px;text-transform:uppercase}.solo{height:calc(100vh - var(--appbar-h));overflow-y:auto;padding:0 16px 48px}.appbar-user{align-items:center;display:inline-flex;gap:8px;min-width:0}.appbar-email{color:var(--ink-soft);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk,.sk-cell:after{animation:sk-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#f7f3eb0e,#f7f3eb1f,#f7f3eb0e) 0 0 / 200% 100%;border-radius:4px}.sk{display:inline-block;height:10px;max-width:100%;vertical-align:middle}.sk-strong{background-image:linear-gradient(90deg,#c5a14b24,#efc85a3d,#c5a14b24);height:11px}.sk-box{height:14px;width:14px}.sk-pill{border-radius:999px;height:18px}.sk-block{display:block}.sk-picker{border-radius:var(--r);height:30px;width:232px}.sk-count{height:12px;width:92px}.sk-cell{position:relative}.sk-cell>*{visibility:hidden}.sk-cell:after{bottom:30%;content:"";left:8px;position:absolute;right:40%;top:30%}.sk-row td{pointer-events:none}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.is-refreshing{opacity:.55;transition:opacity .15s ease}@keyframes sk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.sk,.sk-cell:after{animation:none}}.role-chip,.pill{border:1px solid var(--line-strong);border-radius:999px;color:var(--brand-dark);display:inline-block;flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.role-chip.is-admin{background:var(--brand-soft)}.pill{color:var(--ink-soft);font-size:10px;margin-left:6px;padding:3px 6px;vertical-align:middle}.pill.working{border-color:#72bd7280;color:var(--ok);margin-left:0}.dim{color:var(--ink-faint)}.row-hint{color:var(--ink-faint);font-size:11.5px;font-weight:400;margin-left:6px}.particulars .clock-note td{color:var(--ink-soft);font-size:12.5px;line-height:1.45;padding:7px 10px}.table-scroll.fit{flex:0 1 auto}.drawer input:disabled,.drawer select:disabled{background:transparent;color:var(--ink-soft);cursor:not-allowed}.row-link{cursor:pointer}.row-link:hover td{background:var(--hover)}.row-link:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.row-chevron{color:var(--ink-faint);text-align:right!important}.row-link:hover .row-chevron{color:var(--brand)}table.data tfoot th{border-top:1px solid var(--line-strong);color:var(--brand-dark);font-size:12.5px;font-weight:600;padding:8px 8px 8px 0;text-align:left}table.data tfoot th.num{font-variant-numeric:tabular-nums}.period-picker{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.period-picker input[type=date]{height:30px;width:146px}.period-picker .btn.sm{height:30px}.icon-btn{padding:0;width:30px}.month-menu{position:relative}.month-trigger{font-weight:600;justify-content:space-between;min-width:160px}.month-popover{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:grid;gap:8px;padding:10px;position:absolute;right:0;top:calc(100% + 6px);width:232px;z-index:20}.month-popover-head{align-items:center;display:flex;justify-content:space-between}.month-popover-head strong{color:#fff;font-size:14px;font-weight:600}.month-grid{display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.month-grid button{background:transparent;border:1px solid transparent;border-radius:var(--r);color:var(--ink);cursor:pointer;font:inherit;font-size:13px;height:32px}.month-grid button:hover:not(:disabled){background:var(--hover)}.month-grid button.is-current{border-color:var(--line-strong)}.month-grid button.is-selected{background:var(--brand);border-color:var(--brand);color:#17140f;font-weight:600}.month-grid button:disabled{color:var(--ink-faint);cursor:default}.period-dash{color:var(--ink-soft);font-size:13px}.timeclock{display:grid;gap:24px;margin:0 auto;max-width:880px;padding-top:28px;width:100%}.clock-bar{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:20px;padding:20px 0 32px;text-align:center}.clock-now{display:grid;gap:6px}.clock-now time{color:#fff;font-size:clamp(40px,9vw,52px);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.clock-now span{color:var(--ink-soft);font-size:16px}.clock-status{align-items:center;color:var(--ink-soft);display:inline-flex;font-size:17px;gap:10px;margin:0}.clock-bar.is-working .clock-status{color:var(--ink)}.clock-dot{background:var(--ok);border-radius:50%;flex:none;height:10px;width:10px}.clock-button{font-size:18px;gap:10px;height:56px;justify-content:center;width:min(360px,100%)}.clock-facts{display:flex;gap:56px;margin:0}.clock-facts div{display:grid;gap:4px}.clock-facts dt{color:var(--ink-soft);font-size:14px}.clock-facts dd{font-size:22px;font-variant-numeric:tabular-nums;font-weight:600;margin:0}.panel{display:grid;gap:10px}.panel-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.panel-head h2{color:#fff;font-size:18px;font-weight:600}.panel-empty{padding:24px 0;text-align:center}.daily-scroll{overflow:visible}.drawer-body .daily-scroll{margin:-4px 0 0}table.data.daily-hours td{padding-bottom:5px;padding-top:5px}table.data.daily-hours td:first-child,table.data.daily-hours th:first-child{padding-left:10px}table.data.daily-hours tr.is-weekend td{background:#c5a14b12;color:var(--ink-soft)}table.data.daily-hours tr.is-weekend td.strong{color:#b99a52}table.data.daily-hours tr.is-today td{box-shadow:inset 0 1px 0 var(--brand),inset 0 -1px 0 var(--brand)}table.data.daily-hours tr.is-today td:first-child{box-shadow:inset 3px 0 0 var(--brand),inset 0 1px 0 var(--brand),inset 0 -1px 0 var(--brand)}table.data.daily-hours tr.is-future td{color:var(--ink-faint)}.hours-col,.hours-cell{font-weight:600}.tt-frame{--tt-name-w: 220px;--tt-row-h: 50px;--tt-grid: #2a261d;--tt-grid-soft: #1a1813;border:1px solid var(--line);border-radius:var(--r-lg);display:grid;flex:0 1 auto;grid-template-columns:var(--tt-name-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.tt-names{border-right:1px solid var(--line-strong);min-height:0;overflow:hidden}.tt-scroll{min-height:0;overflow:auto;overscroll-behavior:contain}.tt-canvas{min-width:100%;position:relative;width:calc(var(--tt-hours) * var(--hour-w))}.tt-row{border-bottom:1px solid #211b12;height:var(--tt-row-h)}.tt-name{align-items:center;background:var(--surface);border-bottom:1px solid #211b12;display:flex;gap:8px;height:var(--tt-row-h);padding:0 12px}.tt-who{display:grid;flex:1;min-width:0}.tt-who strong,.tt-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-who strong{color:var(--brand-dark);font-size:13px;font-weight:700}.tt-who small{color:var(--ink-soft);font-size:12px}.tt-total{color:var(--ink);flex:none;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600}.tt-total.is-empty{color:var(--ink-faint)}.tt-lane{background-image:linear-gradient(to right,var(--tt-grid) 1px,transparent 1px),linear-gradient(to right,var(--tt-grid-soft) 1px,transparent 1px);background-size:var(--hour-w) 100%,calc(var(--hour-w) / 2) 100%;position:relative;width:calc(var(--tt-hours) * var(--hour-w))}.tt-head{background:var(--surface);border-bottom:1px solid #211b12;height:34px;position:sticky;top:0;z-index:4}.tt-corner{color:var(--brand);font-size:11.5px;font-weight:600;height:34px;position:sticky;top:0;z-index:5}.tt-axis{background:var(--surface);background-image:linear-gradient(to right,var(--tt-grid) 1px,transparent 1px);background-size:var(--hour-w) 100%}.tt-tick{color:var(--ink-soft);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;padding-left:5px;position:absolute;top:10px;white-space:nowrap}.tt-tick.is-midnight{color:var(--brand)}.tt-tick em{color:var(--brand);font-size:10px;font-style:normal;margin-left:3px}.tt-now-flag{background:var(--danger);border-radius:3px;color:#fff;font-size:10.5px;font-weight:700;padding:2px 5px;position:absolute;top:8px;transform:translate(-50%);white-space:nowrap;z-index:1}.tt-now,.tt-midnight{bottom:0;pointer-events:none;position:absolute;top:34px;width:0;z-index:2}.tt-now{border-left:2px solid var(--danger)}.tt-midnight{border-left:1px dashed var(--line-strong)}.tt-bar{--tt-line: 10px;bottom:5px;min-width:var(--tt-line);position:absolute;top:5px;z-index:1}.tt-bar:after{background:var(--brand);border-radius:999px;content:"";height:var(--tt-line);left:0;position:absolute;right:0;top:calc(50% - var(--tt-line) / 2)}.tt-bar.is-open:after{background:var(--ok)}.tt-sk-bar{border-radius:999px;height:10px;position:absolute;top:calc(50% - 5px)}.tt-sk-sub{height:8px;margin-top:6px}.tt-empty{color:var(--ink-soft);font-size:13px;left:0;padding:28px 16px;position:sticky;text-align:center;width:min(100%,100vw)}.tt-legend{align-items:center;display:flex;flex-wrap:wrap;gap:8px 18px;padding-bottom:10px}.tt-legend span{align-items:center;display:inline-flex;gap:6px}.tt-swatch{background:var(--brand);border-radius:999px;display:inline-block;height:10px;width:22px}.tt-swatch.is-open{background:var(--ok)}@media(max-width:900px){.appbar-email{display:none}.nav-heading{border-top:1px solid var(--line);font-size:0;margin:6px 14px 0;padding:0}.nav-group:first-child .nav-heading{border-top:0;margin-top:0}.tt-frame{--tt-name-w: 150px}.tt-total{display:none}}@media(max-width:620px){.solo{padding:0 12px 36px}.timeclock{padding-top:16px}.toast-stack{left:12px;right:12px}.period-picker input[type=date]{width:128px}.month-trigger{min-width:140px}}@media(max-width:900px){body{overflow:auto}.app{height:auto;min-height:calc(100vh - var(--appbar-h))}.sidebar{min-height:calc(100vh - var(--appbar-h));width:72px}.sidebar-foot{justify-content:center;padding:10px 0}.sidebar-role,.sidebar-logout span{display:none}.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}}