@import "https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg:#ece4da;--surface:#f6f3ec;--surface-solid:#fff;--ink:#36302a;--muted:#6e655c;--line:#36302a24;--brand:#36302a;--brand-contrast:#f6f3ec;--sage:#5a6b52;--danger:#8f3a2f;--shadow:0 8px 24px #36302a14;--radius:12px;--radius-pill:999px;--tap:48px;--shell-max:480px;--shell-pad:16px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Almarai,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(180deg, #f6f3ec8c, transparent 220px), var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}input,select,textarea{font-size:10pt}button{cursor:pointer}h1,h2{letter-spacing:-.01em;color:var(--ink);font-family:Libre Baskerville,Georgia,serif;font-weight:400}.app-shell{width:min(var(--shell-max), 100%);min-height:100dvh;padding:calc(var(--shell-pad) + env(safe-area-inset-top)) calc(var(--shell-pad) + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(var(--shell-pad) + env(safe-area-inset-left));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-mark{color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.brand-mark img{width:44px;height:44px;display:block}.brand-text{flex-direction:column;gap:1px;display:flex}.brand{font-family:Libre Baskerville,Georgia,serif;font-size:1.35rem;line-height:1}.brand-mark small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.logo-hero{width:96px;height:96px;margin:0 auto 14px;display:block}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);place-items:center;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:20px}.panel h1,.panel h2{margin:0 0 8px}.notes-card{margin-top:18px;margin-bottom:36px;padding-bottom:28px}.notes-card .field textarea{min-height:140px}.lede{color:var(--muted);margin:0 0 18px}.stack{flex-direction:column;gap:12px;display:flex}.stack>.btn,.panel>.btn-ghost{width:100%}.field label{color:var(--muted);margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);border-radius:8px}.field .peso-field input,.field .peso-field input:focus{height:100%;box-shadow:none;background:0 0;border:none;outline:none}.field>input:not([type=file]),.field>select,.stepper>input{height:var(--tap);min-height:var(--tap)}.field input:not([type=file]),.field select{padding:0 14px}.field input[type=file]{height:var(--tap);min-height:var(--tap);padding:8px 14px}.field textarea{resize:vertical;min-height:88px;padding:12px 14px}.govt-id{font-variant-numeric:tabular-nums;letter-spacing:.04em}.field-error{color:var(--danger);margin:6px 0 0}.field input:focus,.field select:focus,.field textarea:focus,.field .date-field:focus{border-color:var(--ink);outline:2px solid #36302a40}.field .date-field{width:100%;height:var(--tap);min-height:var(--tap);border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-size:10pt;font-weight:400;display:flex}.date-icon{width:22px;height:22px;color:var(--muted);flex:none}.date-popover{z-index:40;border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:12px;padding:14px;position:fixed}.date-popover-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.date-popover-head strong{font-size:1.15rem;font-weight:700}.date-nav{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;font-size:1.6rem;line-height:1}.date-weekdays,.date-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.date-weekdays{margin-bottom:4px}.date-weekdays span{text-align:center;color:var(--muted);font-size:.8rem;font-weight:700}.date-day{aspect-ratio:1;min-width:0;min-height:0;color:var(--ink);background:0 0;border:none;border-radius:8px;font-size:1rem;font-weight:700}.date-day.is-out{color:var(--muted);font-weight:400}.date-day[data-today]{outline:2px solid var(--ink);outline-offset:-2px}.date-day[aria-pressed=true]{background:var(--brand);color:var(--brand-contrast);outline:none}.btn{min-height:var(--tap);border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;display:inline-flex}.btn-icon{flex:none;width:18px;height:18px}.btn:disabled,.file-btn.is-disabled{opacity:.45;cursor:not-allowed}.file-btn{cursor:pointer;position:relative}.file-btn input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn-primary,.btn-secondary,.btn-amber,.btn-green{width:100%;color:var(--brand-contrast)}.btn-compact{width:auto;min-height:36px;padding:0 14px}.btn-primary{background:var(--brand)}.btn-secondary{background:var(--ink)}.btn-amber{background:#b7791f}.btn-green{background:#2f6b3c}.btn-amber:disabled,.btn-green:disabled{opacity:.85}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;display:flex}.panel-head>h1,.panel-head>h2{margin:0}.agency-downloads{flex-direction:column;align-items:flex-end;gap:8px;margin-left:auto;display:flex}.agency-icons{flex-wrap:wrap;justify-content:flex-end;gap:8px 10px;margin:0;display:flex}.agency-icon{width:64px;color:var(--ink);font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;font-size:.72rem;font-weight:700;display:flex}.agency-mark{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.agency-mark img,.agency-mark svg{object-fit:contain;width:58%;height:58%}.agency-icon:disabled{opacity:.45;cursor:not-allowed}.agency-icon:focus-visible .agency-mark{outline:2px solid var(--ink);outline-offset:3px}.agency-help{text-align:left;max-width:320px;color:var(--muted);margin:0;font-size:10pt}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-danger{color:var(--danger);background:0 0;border:1px solid #8f3a2f40;width:100%;margin-top:12px}.back-btn{width:auto;margin-bottom:12px}.branch-grid{flex-direction:column;gap:10px;display:flex}.branch-card{text-align:left;border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius);width:100%;min-height:72px;padding:16px}.branch-card strong{margin-bottom:4px;font-family:Libre Baskerville,Georgia,serif;font-size:1.1rem;font-weight:400;display:block}.branch-card span{color:var(--muted);font-size:.88rem}.branch-card.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.status-row{gap:8px;margin-top:14px;display:grid}.status-link{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--ink);grid-template-columns:1fr auto;grid-template-areas:"label status""action action";gap:2px 12px;padding:12px 14px;display:grid}.status-link-label{text-underline-offset:3px;grid-area:label;font-weight:700;text-decoration:underline}.status-link strong{grid-area:status;align-self:center;font-size:.85rem}.status-link-action{color:var(--muted);grid-area:action}.status-submitted{color:#2f6b3c}.status-pending{color:#7a1f2b}.sheet-warning{border-radius:var(--radius);color:#8a5a12;background:#faf6ee;border:1px solid #9e6f2266;margin:14px 0;padding:12px 14px;font-weight:700}.sheet-overdue{border-radius:var(--radius);color:#7a1f2b;background:#f8ecea;border:1px solid #7a1f2b73;margin:14px 0;padding:12px 14px;font-weight:700}.confirm-banner{border:1px solid var(--line);border-radius:var(--radius);background:#36302a0f;margin-bottom:14px;padding:12px 14px;font-weight:700}.meta-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pill-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.payout-methods{margin-top:24px;margin-bottom:10px}.payout-note{color:var(--danger);margin:0;font-weight:700}.deposit-form h2,.medical-form h2{margin-bottom:16px}.deposit-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.deposit-head h2{margin-bottom:0}.deposit-summary{gap:16px;margin:0;display:grid}.deposit-summary div{gap:4px;display:grid}.deposit-summary dt{color:var(--muted);margin:0;font-size:10pt;font-weight:700}.deposit-summary dd{margin:0}.deposit-form .lede,.medical-form .lede{margin-bottom:28px}.deposit-form .field,.medical-form .field{margin-top:22px}.deposit-form .field label,.medical-form .field label{margin-bottom:10px}.deposit-form .btn-primary,.medical-form .btn-primary{margin-top:28px}.pill{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);padding:8px 14px;font-size:.85rem;font-weight:700}.pill.active{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.item-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:10px;padding:12px}.item-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.item-name{margin-bottom:10px;font-size:.95rem;font-weight:700}.item-row .item-name{margin-bottom:8px;font-family:Libre Baskerville,Georgia,serif;font-size:1.25rem;font-weight:400;line-height:1.2}.portal-name{margin:10px 0 6px;font-family:Libre Baskerville,Georgia,serif;font-size:1.25rem;font-weight:400;line-height:1.2}.payslip-page{flex-direction:column;gap:24px;display:flex}.payslip-page>.panel,.payslip-main>.panel,.payslip-main>.item-row,.payslip-side>.panel{margin-top:0;margin-bottom:0}.payslip-side{flex-direction:column;gap:24px;display:flex}.signoff-grid{gap:12px;display:grid}.action-grid{gap:10px;margin-top:12px;display:grid}.action-grid .btn{width:100%;margin-top:0}.home-layout,.slip-grid{display:block}.salary-list{margin:4px 0 16px}.employee-list{flex-direction:column;gap:10px;margin-bottom:0;display:flex}.employee-branch{margin:18px 0 2px;font-family:Libre Baskerville,Georgia,serif;font-size:1.35rem;font-weight:400}.employee-list>.employee-branch:first-child{margin-top:4px}.settings-save{margin-top:16px}.employee-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#faf6ee;flex-direction:column;padding:14px;display:flex}.employee-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.employee-head .item-name{grid-area:1/1;margin:0 0 17px}.employee-head .name-pills{grid-area:1/2;align-self:start;margin-bottom:17px}.employee-head .pay-toggle{grid-area:2/1}.employee-head .regular-switch{grid-area:2/2}.employee-head .peso-field{grid-area:3/1;width:148px;max-width:100%}.employee-head:has([role=option]) .item-name{grid-column:1/-1;margin-bottom:0}.employee-head:has([role=option]) .name-pills{grid-area:2/1/auto/-1;justify-content:flex-start;margin-bottom:4px}.employee-head:has([role=option]) .pay-toggle{grid-row:3}.employee-head:has([role=option]) .regular-switch{grid-row:3}.employee-head:has([role=option]) .peso-field{grid-row:4}.pay-toggle .switch:disabled{opacity:1;cursor:default}.employee-card .item-name{min-width:0;font-size:1.25rem;font-weight:400;line-height:1.2}.name-pills,.branch-picker,.position-picker{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}button.meta-pill{cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:700}button.pill-branch[aria-selected=true],button.pill-position[aria-selected=true]{outline-offset:1px;outline:2px solid}.regular-switch{justify-content:flex-end;justify-self:end;width:auto;margin:0}.employee-fold{border-top:1px dashed #36302a59;justify-content:center;margin-top:14px;padding-top:10px;display:flex}.employee-more{color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:.9rem;font-weight:700;text-decoration:underline;display:inline-flex}.more-arrow{width:12px;height:12px;transition:transform .15s}.more-arrow.is-open{transform:rotate(180deg)}.employee-details{margin-top:12px}.employee-details .muted{margin:10px 0 0}.panel h2.history-heading{margin-top:22px}.history-list{margin:8px 0 0;padding:0;list-style:none}.history-list li{border-top:1px solid var(--line);color:var(--muted);padding:6px 0}.claim-card .item-name{margin-bottom:0}.salary-row{border-top:1px solid var(--line);grid-template-columns:1fr 148px;align-items:center;gap:8px 12px;padding:12px 0;display:grid}.salary-row .item-name{margin-bottom:0}.name-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meta-pill{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-solid);color:var(--muted);align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-flex}.employee-card .pill-position{color:#3e5340;background:#e4eddf;border-color:#b7c9ae}.employee-card .pill-branch[data-branch=glorietta-4]{color:#6a4b16;background:#f6e6c4;border-color:#e2c98a}.employee-card .pill-branch[data-branch=mall-of-asia]{color:#2a4d68;background:#dceaf3;border-color:#b7d0e2}.employee-card .pill-branch[data-branch=head-office]{color:#6a3d52;background:#f0e4ea;border-color:#d9c2cd}.peso-field{height:var(--tap);min-height:var(--tap);border:1px solid var(--line);background:var(--surface-solid);border-radius:8px;align-items:center;gap:2px;padding:0 10px;font-size:10pt;display:flex}.peso-field:focus-within{border-color:var(--ink);outline:2px solid #36302a40}.peso-field>span{color:var(--muted);font-weight:700}.peso-field input,.peso-field input:focus{text-align:right;width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:none;outline:none;padding:0}.field .peso-field{width:100%}.pay-toggle{align-items:center;gap:8px;min-height:40px;display:flex}.pay-toggle .switch{width:auto;min-height:0}.pay-toggle span{color:var(--muted);font-size:.85rem;font-weight:400}.pay-toggle span.is-on{color:var(--ink);font-weight:700}.allowance-card{border-top:1px solid var(--line);padding:12px 0}.allowance-card .item-name{margin-bottom:2px}.allowance-grid{gap:10px;display:grid}.allowance-card .switch{margin:8px 0 12px}.claim-card{border-top:1px solid var(--line);padding:12px 0}.claim-card img{object-fit:contain;background:var(--surface);border-radius:8px;width:100%;max-height:220px;margin:8px 0;display:block}.row-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.row-actions .btn{margin:0}@media (width>=720px){.allowance-grid{grid-template-columns:1fr 1fr}}.salary-list+.error{margin-top:0}.salary-actions{margin-top:14px}.count-line{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.count-line>span{color:var(--muted);min-width:72px;font-size:.85rem;font-weight:700}.stepper{align-items:center;gap:8px;display:flex}.stepper button{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);font-size:1.25rem;font-weight:700}.stepper input{text-align:center;border:1px solid var(--line);background:var(--surface-solid);border-radius:8px;width:72px;font-weight:700}.day-sheet{margin:4px 0 10px}.day-sheet-head,.day-line{grid-template-columns:4.4rem minmax(0,1fr) auto;align-items:baseline;gap:8px;display:grid}.day-sheet-head{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-bottom:4px;font-size:.72rem;font-weight:700}.day-sheet ol{margin:0;padding:0;list-style:none}.day-sheet li{border-top:1px solid var(--line);padding:0;font-size:.85rem}.day-line{width:100%;color:inherit;text-align:left;font:inherit;background:0 0;border:none;padding:7px 0}button.day-line{cursor:pointer;min-height:var(--tap)}.day-line span:nth-child(2){color:var(--muted)}.day-line strong{font-variant-numeric:tabular-nums}.day-line strong.long-hours{color:var(--danger)}.long-hours-note{color:var(--danger);margin:0;font-weight:700}.day-edit{gap:8px;padding:2px 0 10px;display:grid}.choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.choice{border:1px solid var(--line);background:var(--surface-solid);min-height:40px;color:var(--ink);text-align:center;border-radius:8px;padding:6px 4px;font-size:.68rem;font-weight:700;line-height:1.15}.choice[aria-checked=true]{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.pair-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.day-edit .field label{margin-bottom:4px}.day-edit .field input{padding:0 8px}.day-hint{margin:-2px 0 0}.switch{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:.85rem;font-weight:700;display:flex}.switch-track{border-radius:var(--radius-pill);border:1px solid var(--line);background:#36302a29;flex:none;width:44px;height:26px;padding:2px;position:relative}.switch-knob{background:var(--surface-solid);border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block}.switch[aria-checked=true] .switch-track{background:var(--brand);border-color:var(--brand)}.switch[aria-checked=true] .switch-knob{transform:translate(18px)}.switch:disabled{opacity:.4}.day-tags{flex-wrap:wrap;grid-column:2/-1;gap:4px;margin-top:-2px;display:flex}.day-tag{letter-spacing:.03em;text-transform:uppercase;color:var(--ink);border-radius:var(--radius-pill);background:#36302a14;padding:1px 6px;font-size:.62rem;font-style:normal;font-weight:700}.day-tag-edit{color:var(--danger);background:#8f3a2f1f}.day-sheet li.is-off{color:var(--muted)}.day-sheet li.is-off strong{font-weight:600}.override-list{margin:12px 0 0;padding:0;list-style:none}.override-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:.85rem;display:flex}.override-list button{color:var(--muted);min-height:var(--tap);background:0 0;border:none;font-weight:700}.item-row:has(.computed-block){padding-bottom:0;overflow:hidden}.computed-block{background:#e4dfd6;border-top:1px dashed #36302a59;margin:12px -12px 0;padding:12px 12px 14px}.computed-head{letter-spacing:0;margin:0 0 2px;font-family:Almarai,system-ui,sans-serif;font-size:.95rem;font-weight:700}.computed-line{justify-content:space-between;gap:10px;margin-top:6px;font-size:.85rem;display:flex}.computed-line span{color:var(--muted);font-weight:700}.computed-line strong{font-variant-numeric:tabular-nums}.extras{gap:4px;margin-top:8px;display:grid}.extras-toggle{color:var(--muted);text-underline-offset:3px;background:0 0;border:none;padding:8px 0 0;font-size:.85rem;font-weight:700;text-decoration:underline}.sticky-submit{width:min(var(--shell-max), 100%);padding:12px calc(var(--shell-pad) + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(var(--shell-pad) + env(safe-area-inset-left));z-index:20;background:linear-gradient(#ece4da00,#ece4daf5 28%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.history-list{flex-direction:column;gap:10px;display:flex}.history-item{text-align:left;border:1px solid var(--line);background:var(--surface-solid);border-radius:var(--radius);width:100%;padding:14px}.history-item.selected{border-color:var(--ink)}.history-item>strong{margin-bottom:4px;font-family:Libre Baskerville,Georgia,serif;font-weight:400;display:block}.history-item>span{color:var(--muted);font-size:.85rem}.inline-actions{gap:8px;margin-top:10px;display:flex}.inline-actions .btn{flex:1;width:auto;margin-top:0}.section-label{margin:18px 0 8px;font-size:1.15rem}.totals{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.totals div{background:var(--surface-solid);border:1px solid var(--line);border-radius:8px;padding:10px}.totals span{color:var(--muted);font-size:.75rem;font-weight:700;display:block}.totals strong{font-variant-numeric:tabular-nums;font-size:.95rem}.muted{color:var(--muted)}.error{color:var(--danger);margin:8px 0 0}.success-check{width:64px;height:64px;color:var(--sage);background:#5a6b5224;border-radius:50%;place-items:center;margin-bottom:12px;font-size:1.8rem;display:grid}.detail-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.88rem}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:8px 4px}.detail-table th{color:var(--muted);font-weight:700}.detail-table td{text-align:right}.net-cell{font-weight:800}.stock-qty{text-align:right;font-variant-numeric:tabular-nums;min-width:96px;font-size:1.05rem;font-weight:800}.stock-qty.negative{color:var(--danger)}.slip-meta{margin:0}.slip-note{margin:10px 0 0}.slip-approved{justify-content:space-between;align-items:center;gap:12px;display:flex}.slip-approved-copy{gap:2px;display:grid}.slip-pdf{background:var(--brand);width:48px;height:48px;color:var(--brand-contrast);letter-spacing:.04em;border:none;border-radius:50%;place-items:center;padding:0;font-size:.68rem;font-weight:800;display:grid}.slip-pdf:disabled{opacity:.45}.slip-brand{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:50px;display:grid}.slip-brand img{object-fit:contain;width:56px;height:56px}.slip-company{margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:1.05rem;line-height:1.2}.slip-address{margin:2px 0 0}.slip-word{letter-spacing:.14em;margin:6px 0 0;font-weight:700}.slip-signoff{border-top:1px solid var(--line);gap:12px;margin-top:14px;padding-top:12px;font-size:10pt;display:grid}.slip-signoff p{gap:2px;margin:0;display:grid}.slip-signoff strong{font-size:10pt;font-weight:700}.slip-role{font-weight:700}.panel>.btn-ghost{margin-top:14px}.id-block{margin:4px 0 8px}.id-block summary{cursor:pointer;margin-bottom:10px;font-weight:700}.id-block .stack{margin-top:10px}.signoff-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.signoff-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-weight:700;display:inline-flex}.signoff-toggle:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:6px solid;width:0;height:0}.signoff-toggle[aria-expanded=true]:before{transform:rotate(90deg)}.signoff-help{margin-bottom:10px}.inline-help{border:1px solid var(--line);width:22px;height:22px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid}.inline-help svg{width:13px;height:13px}.inline-help:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.signoff-help{cursor:text;font-weight:400;display:block}.empty{text-align:center;color:var(--muted);padding:28px 12px}.lede,.muted,.error,.field-error,.confirm-banner,.sheet-warning,.sheet-overdue,.empty,.slip-meta,.slip-address,.slip-word,.slip-note,.payout-note,.day-hint,.status-link-action,.history-list li{font-size:10pt}.login-hero{text-align:center}.login-hero h1{margin-top:0}.login-hero .field{text-align:left}.actions-row{margin-top:12px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel,.item-row,.branch-card{animation:.28s both rise}@media (width>=768px){:root{--shell-max:1080px;--shell-pad:28px}.branch-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.status-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.history-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.login-hero{max-width:760px;margin-inline:auto}.signoff-grid{grid-template-columns:1.4fr 1fr;column-gap:16px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-layout{flex-direction:column;gap:24px;display:flex}.home-layout>.panel{margin-bottom:0}.home-layout>.actions-row{margin-top:0}.timesheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.timesheet-grid>.item-row{margin-top:0}}@media (width>=1024px){.employee-list{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-items:stretch;display:grid}.employee-branch{grid-column:1/-1}.employee-list .employee-head{margin-bottom:14px}.employee-list .employee-fold{margin-top:auto}.slip-grid{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));align-items:start;gap:16px;display:grid}.slip-grid>.item-row{margin-top:0}.payslip-page{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:24px 28px;display:grid}.payslip-page>:first-child{grid-column:1/-1}.payslip-page .history-list{flex-direction:column;display:flex}.payslip-page:not(:has(.item-row)){grid-template-columns:1fr}}.access-list>.panel,.access-list>.item-row{margin-top:0;margin-bottom:0}.access-list .field{margin-top:16px}.access-list .btn-primary{margin-top:18px}.access-account .item-name{margin-bottom:4px}.access-account p{margin:0}.account-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.access-account .account-actions{margin-top:12px}.account-actions .btn{width:auto}.employee-actions{flex-wrap:nowrap}.employee-actions .btn{flex:1 1 0;width:auto;min-width:0;margin-top:0;padding:0 8px}