@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;--band:linear-gradient(165deg, #8a7260, #5c4a3c);--band-ink:#f6f1ea;--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}.top-nav{min-height:var(--tap);max-width:calc(100% - 60px);color:var(--ink);font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:1.05rem;font-weight:700;display:inline-flex}.top-nav svg{flex:none;width:22px;height:22px}.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}.icon-btn.pencil{width:32px;height:32px}.icon-btn.pencil svg{width:16px;height:16px}.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}.panel.sheet-panel{box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px #2c272312, var(--shadow);border:1px solid #fff6;border-radius:22px;overflow:hidden}.panel.sheet-panel>h2{margin-bottom:16px}.panel.sheet-panel>.stack>.employee-title,.panel.sheet-panel>.deposit-head{color:var(--band-ink);background:var(--band);margin:-20px -20px 16px;padding:16px 20px 14px}.panel.sheet-panel>.stack>.employee-title h2,.panel.sheet-panel>.deposit-head h2{color:var(--band-ink)}.portal-band{color:var(--band-ink);background:var(--band);margin:0 -20px 16px;padding:14px 20px 12px}.portal-band .portal-name{color:var(--band-ink);margin:0}.portal-band .muted{color:#f6f1eab8;margin:4px 0 0}.item-row.slip-card{box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px #2c272312, var(--shadow);background:#fff;border:1px solid #fff6;border-radius:22px;overflow:hidden}.period-cards.payout-methods{margin-top:24px}.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}.payroll-card .panel-head{margin-bottom:16px}.panel-head>h1,.panel-head>h2{margin:0}.agency-downloads{flex-direction:column;align-items:stretch;gap:8px;margin-top:18px;display:flex}.download-head{align-items:center;gap:2px;display:flex}.download-label{color:var(--muted);margin:0;font-size:.75rem;font-weight:700}.icon-btn.help{width:32px;height:32px;color:var(--muted);background:0 0;border:none}.icon-btn.help svg{width:16px;height:16px}.panel-head .btn-compact{min-height:32px;padding:0 10px;font-size:10pt}.icon-btn.help.is-due{color:#8a5a12}.agency-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.agency-icon{width:100%;min-width:0;min-height:var(--tap);border:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;background:#fff;border-radius:14px;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:700;display:flex}.agency-mark{background:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.agency-mark img,.agency-mark svg{object-fit:contain;width:100%;height:100%}.agency-mark svg{width:70%;height:70%}.agency-icon>span:last-child{white-space:nowrap}.agency-icon:disabled{opacity:.45;cursor:not-allowed}.agency-icon:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.agency-help{text-align:left;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;margin:0;padding:12px 14px;font-size:10pt}.period-cards{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;display:grid}.period-card{text-align:left;width:100%;min-height:96px;color:inherit;background:#fff;border:1px solid #fff6;border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff73,0 0 0 1px #2c272312}.period-card strong{font-family:Libre Baskerville,Georgia,serif;font-size:1.2rem;font-weight:400;line-height:1.2}.period-card em{color:var(--muted);margin-top:auto;font-size:.8rem;font-style:normal;font-weight:700}.period-card em.is-now{color:#8a5a12}.period-card em.is-late{color:#7a1f2b}.period-card em.is-done{color:#2f6b3c}.period-card.selected{color:var(--band-ink);background:var(--band);box-shadow:inset 0 1px #ffffff38,0 0 0 1px #5c4a3c8c}.period-card.selected strong,.period-card.selected em,.period-card.selected em.is-done{color:var(--band-ink)}.period-card.selected em.is-now{color:#e6c48a}.period-card.selected em.is-late{color:#f0b4b4}.settings-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px}.settings-tabs .period-card{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:0;padding:8px 4px}.settings-tabs .period-card svg{flex:none;width:15px;height:15px}.settings-tabs .period-card strong{text-align:center;font-family:Almarai,system-ui,sans-serif;font-size:.62rem;font-weight:700;line-height:1.15}.payroll-card{padding-bottom:0;overflow:hidden}.card-actions{background:#2c2723;grid-template-columns:repeat(4,1fr);margin:16px -20px 0;display:grid}.card-actions .card-icon{color:#f6f1ea;min-width:0;min-height:56px;font:inherit;text-align:left;background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:.72rem;font-weight:700;line-height:1.15;display:flex}.card-actions .card-label-short{display:none}@media (width<=767px){.card-actions .card-icon{white-space:nowrap;font-size:.68rem}.card-actions .card-label-full{display:none}.card-actions .card-label-short{display:inline}}.card-actions .card-icon svg{flex:none;width:18px;height:18px}.card-actions .card-num{flex:none;font-family:Libre Baskerville,Georgia,serif;font-size:1rem;line-height:1}.card-actions .card-icon:disabled{opacity:.35}.card-actions .card-icon:focus-visible{outline-offset:-6px;outline:2px solid #f6f1ea}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.btn-danger{color:var(--danger);box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px #8f3a2f24, var(--shadow);background:#fff;border:1px solid #8f3a2f73;width:100%;margin-top: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)}.cutoff-bar{background:#36302a14;border-radius:999px;height:8px;margin:4px 0 14px;overflow:hidden}.cutoff-bar>span{background:var(--sage);border-radius:inherit;height:100%;display:block}.branch-rows{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.card-actions-one{grid-template-columns:1fr}button.branch-row{font:inherit;cursor:pointer}.branch-row.is-selected{box-shadow:inset 0 1px #ffffff73,0 0 0 1px #5c4a3cb3}.branch-row{text-align:left;background:var(--surface-solid);width:100%;color:inherit;border:1px solid #fff6;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff73,0 0 0 1px #2c272312}.branch-row>span{min-width:0}.branch-row strong,.branch-row h2{margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:1rem;font-weight:400;display:block}.branch-row small{color:var(--muted);margin-top:2px;font-size:.8rem;display:block}.branch-row em{max-width:46%;color:var(--muted);text-align:right;flex:none;font-size:.8rem;font-style:normal;font-weight:700}.branch-row em.is-now{color:#8a5a12}.branch-row em.is-late{color:#7a1f2b}.branch-row em.is-done{color:#2f6b3c}.branch-block{margin-top:18px}.branch-total{background:linear-gradient(135deg,#ffffff8c,#0000 55%),linear-gradient(160deg,#f7f1e6,#efe4d4);margin-bottom:28px}.branch-total em{color:var(--ink);font-family:Libre Baskerville,Georgia,serif;font-size:1.15rem;font-weight:400}.menu-bar{z-index:25;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));width:min(calc(var(--shell-max) - 24px), calc(100% - 24px));-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);background:#f6f3ecc7;border-radius:22px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:fixed;transform:translate(-50%)}.menu-files{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.menu-chip{border:1px solid var(--line);border-radius:var(--radius-pill);height:44px;color:var(--ink);background:#fff;flex:none;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:.8rem;font-weight:700;display:inline-flex}.menu-chip .agency-mark{width:26px;height:26px;font-size:.72rem}.menu-chip:disabled{opacity:.45;cursor:not-allowed}.menu-bar .icon-btn.help{border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff;flex:none;width:32px;height:32px}.menu-bar .icon-btn.help svg{width:14px;height:14px}.menu-bar .btn-primary{flex:none;width:auto;min-height:44px;padding:0 16px}.menu-help{left:var(--shell-pad);right:var(--shell-pad);text-align:left;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;margin:0;padding:12px 14px;font-size:10pt;position:absolute;bottom:calc(100% + 8px)}.notes-layer{z-index:40;background:#36302a59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.notes-sheet{border:1px solid var(--line);background:var(--surface);width:min(440px,100%);max-height:min(80dvh,640px);box-shadow:var(--shadow);border-radius:16px;padding:20px;overflow:auto}.notes-sheet h2{margin:0 0 12px;font-size:1.15rem}.notes-sheet p{margin:0 0 12px;font-size:10pt}.notes-sheet .btn{width:100%;margin-top:8px}.tiles{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.tile{background:var(--surface-solid);border:1px solid #fff6;border-radius:22px;min-height:92px;padding:14px;box-shadow:inset 0 1px #ffffff73,0 0 0 1px #2c272312}.tile>span{color:var(--muted);margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.tile strong{font-variant-numeric:tabular-nums;font-family:Libre Baskerville,Georgia,serif;font-size:1.35rem;font-weight:400;line-height:1.15;display:block}.tile small{color:var(--muted);margin-top:6px;font-size:.75rem;display:block}.tile.people{background:linear-gradient(155deg,#fbf6f3,#eadfd8)}.tile.cream{background:linear-gradient(200deg,#fbf4e2,#e6d0a2)}.tile.wide{color:#f6f1ea;background:linear-gradient(135deg,#ffffff29,#0000 46%),linear-gradient(160deg,#4a433c,#2c2723);border-color:#ffffff1f;grid-column:1/-1;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #2c27232e}.tile.wide>span,.tile.wide small{color:#f6f1eab8}.slip-who{align-items:center;gap:12px;min-width:0;display:flex}.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}.home-switch{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.home-switch .pill-row{margin-bottom:0}.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}.item-row.sheet-card{box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px #2c272312, var(--shadow);background:#fff;border:1px solid #fff6;border-radius:22px;padding:0;overflow:hidden}.item-row.sheet-card>.item-name,.item-row.sheet-card>.employee-title{color:var(--band-ink);background:var(--band);margin:0;padding:14px 16px 12px}.item-row.sheet-card>.item-name .muted,.item-row.sheet-card>.employee-title,.item-row.sheet-card>.employee-title .item-name{color:var(--band-ink)}.item-row.sheet-card>.employee-title .item-name{margin:0}.item-row.sheet-card>.item-name .muted{color:#f6f1eab8}.item-row.sheet-card>.muted,.item-row.sheet-card>.error,.item-row.sheet-card>.slip-note{margin:0;padding:10px 16px 0}.item-row.sheet-card>.detail-table{width:calc(100% - 32px);margin:4px 16px 0}.item-row.sheet-card>.field,.item-row.sheet-card>.account-actions{margin:12px 16px 0}.item-row.sheet-card>.account-actions{margin-bottom:14px}.item-row.sheet-card>.computed-block{margin-top:12px}.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{box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px #2c272312, var(--shadow);background:#fff;border:1px solid #fff6;border-radius:22px;flex-direction:column;padding:0 0 14px;display:flex;overflow:hidden}.employee-card .employee-head{padding:0 16px}.employee-card .employee-title,.employee-card .employee-head>.name-field{color:var(--band-ink);background:var(--band);margin-left:-16px;margin-right:-16px;padding:14px 16px 12px}.employee-card .employee-title .item-name,.employee-card .employee-head>.name-field label{color:var(--band-ink)}.employee-card .employee-fold,.employee-card .employee-details{margin-left:16px;margin-right:16px}.employee-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid}.employee-title{grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.employee-title .item-name{flex:1;margin:0}.employee-title h2{margin:0;font-size:24px}.employee-title .icon-btn{flex:none}.employee-head .name-field{grid-area:1/1/auto/-1}.employee-head .employee-role,.employee-head .employee-choices{grid-area:2/1/auto/-1;align-self:start;margin:0}.employee-role{color:var(--muted);margin:2px 0 0;font-size:10pt}.employee-choices{gap:10px;margin-top:10px;display:grid}.employee-choices .field{margin:0}.employee-head .employee-facts{grid-area:3/1/auto/-1}.employee-head .pay-toggle{grid-area:3/1}.employee-head .hire-field{grid-area:3/2;margin:0}.employee-head .hire-note{grid-area:5/1/auto/-1;margin:0}.employee-head .wage-note{grid-area:6/1/auto/-1;margin:0}.employee-head .peso-field{grid-area:4/1;width:148px;max-width:100%}.employee-facts{gap:8px;margin:4px 0 0;display:grid}.employee-facts div{grid-template-columns:11rem minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.employee-facts dt{color:var(--muted);margin:0;font-size:10pt;font-weight:700}.employee-facts dd{margin:0;font-size:10pt}.employer-facts div{grid-template-columns:1fr;gap:2px}.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}.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>.field{margin-bottom: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}.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{box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px #2c272312, var(--shadow);background:#fff;border:1px solid #fff6;border-radius:22px;margin-top:12px;padding:0 0 12px;overflow:hidden}.claim-card .name-line{color:var(--band-ink);background:var(--band);margin:0 0 4px;padding:14px 16px 12px}.claim-card .name-line .item-name{color:var(--band-ink)}.claim-card>.muted,.claim-card>.history-list,.claim-card>.row-actions,.claim-card>a{margin-left:16px;margin-right:16px}.claim-card img{object-fit:contain;background:var(--surface);border-radius:8px;width:calc(100% - 32px);max-height:220px;margin:8px 16px;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){box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px #2c272312, var(--shadow);background:#fff;border:1px solid #fff6;border-radius:22px;padding:0;overflow:hidden}.item-row:has(.computed-block)>.item-name{color:var(--band-ink);background:var(--band);margin:0;padding:14px 16px 12px}.item-row:has(.computed-block)>.item-name .muted{color:var(--band-ink)}:is(.item-row:has(.computed-block)>.muted,.item-row:has(.computed-block)>.error){margin:0;padding:10px 16px 0}.item-row:has(.computed-block) .day-sheet{margin:0;padding:10px 12px 6px}.day-edit{background:#fff;border-radius:12px;margin:0 8px 8px;padding:10px}.computed-block{color:#f6f1ea;background:linear-gradient(135deg,#ffffff29,#0000 46%),linear-gradient(160deg,#4a433c,#2c2723);border-top:none;margin:8px 0 0;padding:14px 16px 16px}.computed-head{letter-spacing:.04em;text-transform:uppercase;color:#f6f1eab8;margin:0 0 4px;font-family:Almarai,system-ui,sans-serif;font-size:.72rem;font-weight:700}.computed-line{justify-content:space-between;gap:10px;margin-top:6px;font-size:.85rem;display:flex}.computed-line span{color:#f6f1eab8;font-weight:700}.computed-line strong{color:#f6f1ea;font-variant-numeric:tabular-nums;font-family:Libre Baskerville,Georgia,serif;font-size:1rem;font-weight:400}.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;table-layout:fixed;width:100%;margin-top:8px;font-size:9pt}.detail-table col.money-col{width:5.8rem}.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);vertical-align:baseline;font-weight:700}.detail-table td{text-align:right;vertical-align:baseline;white-space:nowrap}.detail-table tr.share-head th{text-align:right;padding-top:2px;padding-bottom:4px;font-size:8pt}.detail-table tr.is-net th,.detail-table tr.is-net td{color:var(--ink);vertical-align:baseline;padding-top:18px;font-weight:800}.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{color:var(--band-ink);background:var(--band);margin:-12px -12px 16px;padding:16px 16px 14px}.slip-company{color:var(--band-ink);margin:0;font-family:Libre Baskerville,Georgia,serif;font-size:1.05rem;line-height:1.2}.slip-brand .slip-address{color:#f6f1eac7;margin:4px 0 0}.slip-word{color:var(--band-ink);letter-spacing:.14em;margin:8px 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}.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:left}.login-band{color:var(--band-ink);background:var(--band);margin:-20px -20px 16px;padding:18px 20px 16px}.login-band h1{color:var(--band-ink);margin:0;font-size:1.7rem}.login-hero .btn-ghost{box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px #2c272314, var(--shadow);background:#fff;border:1px solid #36302a29}.actions-row{margin-top:12px}.actions-row .btn{box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px #2c272314, var(--shadow);background:#fff;border:1px solid #36302a29}.bir-actions{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}.bir-actions .btn{width:100%;margin:0}@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))}.agency-icons{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.home-layout{flex-direction:column;gap:24px;display:flex}.home-layout>.panel{margin-bottom:0}.home-switch{margin-bottom:24px}.home-layout>.actions-row{margin-top:0;margin-bottom:0}.bir-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.timesheet-grid,.thirteenth-grid,.access-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.timesheet-grid>.item-row,.thirteenth-grid>.item-row,.access-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 .access-name{justify-content:space-between;align-items:center;gap:8px;display:flex}.access-account .access-name .icon-btn{flex:none}.access-account p{margin:0}.account-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.access-account .account-actions{margin-top:12px}.access-account .account-actions .btn{gap:5px;min-height:30px;padding:0 10px;font-size:.75rem}.access-account .account-actions .btn-icon{width:14px;height:14px}.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}@media (hover:hover) and (pointer:fine){button,.file-btn{transition:background-color .14s,box-shadow .14s,color .14s}.btn:not(:disabled):hover,.file-btn:not(.is-disabled):hover,.period-card:not(.selected):hover,button.branch-row:not(.is-selected):hover,.branch-card:not(.selected):hover,.menu-chip:not(:disabled):hover,.icon-btn:hover,.pill:not(.active):hover,.choice:not([aria-checked=true]):hover,.stepper button:hover,.date-nav:hover,.date-day:not([aria-pressed=true]):hover,.agency-icon:not(:disabled):hover{background:#e7ddd0}.btn-primary:not(:disabled):hover,.btn-secondary:not(:disabled):hover,.pill.active:hover,.choice[aria-checked=true]:hover,.date-day[aria-pressed=true]:hover{background:#4a433c}.btn-amber:not(:disabled):hover{background:#a56b1b}.btn-green:not(:disabled):hover{background:#387a48}.btn-danger:not(:disabled):hover{background:#f8ecea}.period-card:not(.selected):hover,button.branch-row:not(.is-selected):hover,.branch-card:not(.selected):hover{box-shadow:inset 0 1px #ffffff73,0 0 0 1px #5c4a3c47}.period-card.selected:hover,button.branch-row.is-selected:hover,.branch-card.selected:hover{box-shadow:inset 0 1px #ffffff59,0 0 0 1px #f6f1eab8}.card-actions .card-icon:not(:disabled):hover{background:#f6f1ea1f}.menu-bar .icon-btn.help:hover{background:#e7ddd0}button.day-line:hover{background:#36302a0d}.switch:not(:disabled):hover .switch-track{background:#36302a47}.top-nav:hover,.brand-mark:hover{color:#5c4a3c}}