.employee-shell{color:#14213d;background:#f4f7fb;justify-content:center;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.employee-mobile{background:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 18px 60px #0f172a1a}.employee-header{padding:calc(18px + env(safe-area-inset-top,0px)) 18px 14px;color:#fff;background:#0f172a}.employee-header span,.employee-section-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.employee-header h1{margin:4px 0 0;font-size:23px;line-height:1.2}.employee-dev-switcher{color:#cbd5e1;gap:6px;margin-top:12px;font-size:12px;font-weight:800;display:grid}.employee-dev-switcher select{border:1px solid #334155;border-radius:8px;min-height:40px;padding:8px 10px}.employee-session-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.employee-session-actions span{color:#cbd5e1;letter-spacing:0;text-transform:none;font-size:13px;font-weight:800}.employee-session-actions button{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:8px;min-height:38px;padding:8px 12px;font-weight:800}.employee-content{padding:18px 16px calc(112px + env(safe-area-inset-bottom,0px));flex:1}.employee-screen{gap:14px;display:grid}.employee-card,.employee-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.employee-card h2,.employee-form h2{margin:0 0 10px;font-size:18px;line-height:1.25}.employee-card p,.employee-muted{color:#64748b;margin:4px 0 0;font-size:15px;line-height:1.45}.employee-card strong{margin-top:4px;font-size:20px;display:block}.employee-grid{gap:12px;display:grid}.employee-form{gap:14px;display:grid}.employee-form label{color:#334155;gap:7px;font-size:14px;font-weight:700;display:grid}.employee-form input,.employee-form select,.employee-form textarea{width:100%;min-height:50px;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:16px}.employee-form textarea{resize:vertical;min-height:86px}.employee-button{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:8px;min-height:52px;font-weight:800}.employee-primary{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:8px;min-height:42px;padding:9px 12px;font-weight:800}.employee-button.secondary,.employee-inline-button{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:42px;padding:9px 12px;font-weight:800}.employee-inline-button{width:fit-content}.employee-list{gap:12px;display:grid}.employee-document-requests{gap:10px;margin-top:16px;display:grid}.employee-document-requests h3{color:#334155;margin:0;font-size:16px}.employee-history-stack{gap:14px;display:grid}.employee-history-group{gap:8px;display:grid}.employee-history-group h3{color:#334155;margin:0;font-size:15px}.employee-demo-samples{border:1px dashed #cbd5e1;border-radius:8px;padding:12px}.employee-demo-samples summary{cursor:pointer;font-weight:800}.employee-timeline{gap:10px;display:grid}.employee-timeline-item{border-left:3px solid #1d4ed8;padding-left:12px}.employee-timeline-item strong,.employee-timeline-item p{margin:0}.employee-list-item{border:1px solid #e2e8f0;border-radius:8px;gap:7px;padding:14px;display:grid}button.employee-list-item{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#fff}.employee-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.employee-detail-row{border-top:1px solid #e2e8f0;gap:4px;padding:10px 0;display:grid}.employee-detail-row span{color:#64748b;font-size:13px;font-weight:700}.employee-detail-row strong,.employee-list-amount{font-size:18px}.employee-message{border-radius:8px;padding:12px;font-size:14px;font-weight:800}.employee-message.success{color:#166534;background:#dcfce7}.employee-message.error{color:#991b1b;background:#fee2e2}.employee-success,.employee-error{border-radius:8px;padding:10px 12px;font-size:14px;font-weight:800}.employee-success{color:#166534;background:#dcfce7}.employee-error{color:#991b1b;background:#fee2e2}.employee-modal-backdrop{z-index:40;background:#0f172a85;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.employee-modal{background:#fff;border-radius:10px;width:min(100%,440px);max-height:min(760px,100vh - 32px);padding:16px;overflow:auto}.employee-modal-head,.employee-modal-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.employee-modal-head h2{margin:4px 0 0}.employee-modal-head button,.employee-modal-actions button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:40px;padding:8px 12px;font-weight:800}.employee-modal-actions{margin:0}.employee-lock-note{color:#475569;font-size:13px;font-weight:700}.employee-badge{border-radius:999px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:800}.employee-badge.warning{color:#92400e;background:#fef3c7}.employee-badge.success{color:#166534;background:#dcfce7}.employee-badge.danger{color:#991b1b;background:#fee2e2}.employee-badge.neutral{color:#075985;background:#e0f2fe}.employee-tabs{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:480px;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));z-index:20;scrollbar-width:none;background:#fff;border-top:1px solid #e2e8f0;gap:6px;display:flex;position:fixed;bottom:0;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 -8px 30px #0f172a14}.employee-tabs::-webkit-scrollbar{display:none}.employee-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:62px;min-height:54px;padding:6px 4px;font-size:11px;font-weight:800;display:flex}.employee-tab.active{color:#1d4ed8;background:#eff6ff}.employee-tab{white-space:nowrap;scroll-snap-align:center}.employee-tabs{scroll-snap-type:x proximity}.employee-tab:focus{outline:none}.employee-tab:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.employee-tab.active{border:1px solid #bfdbfe;box-shadow:0 2px 8px #1d4ed81f}.employee-pwa-card{margin-bottom:12px;box-shadow:0 2px 8px #0f172a0a}.employee-pwa-badge{text-transform:uppercase;letter-spacing:.05em;font-size:10px}.employee-pwa-section-header{margin-bottom:16px}.employee-pwa-section-header h2{color:#0f172a;margin:0;font-size:16px}.employee-pwa-empty{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:16px 0;padding:32px 16px;display:flex}.employee-pwa-empty-icon{opacity:.8;margin-bottom:12px;font-size:32px}.employee-pwa-empty-title{color:#334155;margin:0 0 4px;font-size:15px;font-weight:700}.employee-pwa-empty-message{color:#64748b;margin:0;font-size:13px}.employee-pwa-quick-actions{margin-bottom:24px}.employee-pwa-quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.employee-pwa-quick-action{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;min-height:90px;padding:16px 8px;transition:background .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0f172a08}.employee-pwa-quick-action:active{background:#f1f5f9;border-color:#bfdbfe}.employee-pwa-qa-icon{margin-bottom:8px;font-size:24px}.employee-pwa-qa-title{color:#334155;text-align:center;font-size:12px;font-weight:700}.employee-pwa-submit{width:100%}.employee-wallet-screen .employee-card{border-radius:14px;box-shadow:0 8px 22px #0f172a0f}.employee-wallet-screen>.employee-card:first-of-type{background:linear-gradient(135deg,#eff6ff 0%,#fff 62%);border-color:#bfdbfe;grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.employee-wallet-screen .employee-primary,.employee-wallet-screen .employee-inline-button{border-radius:12px;min-height:48px}.employee-wallet-screen .employee-list-amount{color:#0f172a;margin:8px 0;font-size:20px;display:block}.employee-wallet-screen .employee-badge{border:1px solid #0f172a0f}@media (width<=420px){.employee-wallet-screen>.employee-card:first-of-type{grid-template-columns:1fr}.employee-wallet-screen .employee-primary,.employee-wallet-screen .employee-inline-button{width:100%}}.employee-wallet-screen .employee-modal-head{align-items:flex-start;gap:10px}.employee-wallet-screen .employee-modal-head h2{font-size:20px;line-height:1.2}.employee-wallet-screen .employee-modal .employee-form label,.employee-wallet-screen .employee-modal .employee-form input,.employee-wallet-screen .employee-modal .employee-form select,.employee-wallet-screen .employee-modal .employee-form textarea{width:100%}@media (width<=520px){.employee-wallet-screen .employee-modal-backdrop{padding:8px}.employee-wallet-screen .employee-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:12px}.employee-wallet-screen .employee-modal-head{grid-template-columns:1fr;display:grid}.employee-wallet-screen .employee-modal-head button{width:fit-content}}.employee-wallet-balance-card{background:linear-gradient(135deg,#eff6ff 0%,#fff 68%);border-color:#bfdbfe;border-radius:16px;box-shadow:0 10px 28px #0f172a14}.employee-wallet-balance-label{color:#1d4ed8;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.employee-wallet-balance-amount{color:#0f172a;margin:8px 0;font-size:30px;line-height:1.1;display:block}.employee-wallet-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.employee-wallet-mini-stat{background:#ffffffc7;border:1px solid #dbeafe;border-radius:12px;padding:10px}.employee-wallet-mini-stat span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.employee-wallet-mini-stat strong{color:#0f172a;margin-top:4px;font-size:16px;display:block}.employee-wallet-mini-stat small{color:#64748b;margin-top:4px;font-size:11px;line-height:1.35;display:block}.employee-wallet-ledger{gap:12px;display:grid}.employee-wallet-ledger-row{border-radius:14px}.employee-wallet-ledger-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.employee-wallet-ledger-amounts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.employee-wallet-ledger-amounts div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:9px}.employee-wallet-ledger-amounts span{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.employee-wallet-ledger-amounts strong{color:#0f172a;word-break:break-word;margin-top:4px;font-size:13px;display:block}.employee-wallet-ledger-details{border-top:1px solid #e2e8f0;gap:4px;padding-top:10px;display:grid}@media (width<=420px){.employee-wallet-mini-grid,.employee-wallet-ledger-amounts{grid-template-columns:1fr}.employee-wallet-balance-amount{font-size:26px}.employee-wallet-ledger-head{display:grid}}.employee-wallet-screen .employee-modal-backdrop{align-items:flex-start;padding:12px;overflow-y:auto}.employee-wallet-screen .employee-modal{border-radius:14px;width:min(100%,420px);max-height:calc(100vh - 24px);padding:14px;overflow-y:auto}.employee-wallet-screen .employee-modal>header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.employee-wallet-screen .employee-modal>header h2{margin:0;font-size:20px;line-height:1.2}.employee-wallet-screen .employee-modal .employee-form{grid-template-columns:1fr;gap:12px}.employee-wallet-screen .employee-modal .employee-form label,.employee-wallet-screen .employee-modal .employee-form input,.employee-wallet-screen .employee-modal .employee-form select,.employee-wallet-screen .employee-modal .employee-form textarea{width:100%}.employee-wallet-screen .employee-modal-actions{grid-template-columns:1fr;gap:10px;display:grid}.employee-wallet-screen .employee-modal-actions button{width:100%;min-height:48px}@media (width<=520px){.employee-wallet-screen .employee-modal-backdrop{padding:8px}.employee-wallet-screen .employee-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:12px}.employee-wallet-screen .employee-modal>header{grid-template-columns:1fr;display:grid}.employee-wallet-screen .employee-modal>header button{width:fit-content}}.employee-advance-intro-card,.employee-advance-balance-card,.employee-advance-record-card{border-radius:14px;box-shadow:0 8px 22px #0f172a0f}.employee-advance-balance-card{background:linear-gradient(135deg,#fff7ed 0%,#fff 68%);border-color:#fed7aa}.employee-advance-balance-label{color:#c2410c;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.employee-advance-balance-amount{color:#0f172a;margin:8px 0;font-size:30px;line-height:1.1;display:block}.employee-advance-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.employee-advance-mini-stat{background:#ffffffd1;border:1px solid #fed7aa;border-radius:12px;padding:10px}.employee-advance-mini-stat span,.employee-advance-record-amounts span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.employee-advance-mini-stat strong{color:#0f172a;margin-top:4px;font-size:15px;display:block}.employee-advance-mini-stat small{color:#64748b;margin-top:4px;font-size:11px;line-height:1.35;display:block}.employee-advance-record-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.employee-advance-record-amounts div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:9px}.employee-advance-record-amounts strong{color:#0f172a;margin-top:4px;font-size:14px;display:block}.employee-advance-record-card{gap:10px}@media (width<=420px){.employee-advance-mini-grid,.employee-advance-record-amounts{grid-template-columns:1fr}.employee-advance-balance-amount{font-size:26px}}.employee-login-shell{color:#14213d;background:#f4f7fb;place-items:center;min-height:100vh;padding:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.employee-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:min(100%,420px);padding:22px;box-shadow:0 18px 60px #0f172a1a}.employee-login-card span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.employee-login-card h1{margin:6px 0 20px;font-size:26px}.employee-login-form{gap:14px;display:grid}.employee-login-form label{color:#334155;gap:7px;font-size:14px;font-weight:800;display:grid}.employee-login-form input{min-height:50px;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:16px}.employee-login-form .employee-button{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:8px;min-height:52px;font-weight:800}.employee-login-form .employee-message{border-radius:8px;padding:12px;font-size:14px;font-weight:800}.employee-login-form .employee-message.error{color:#991b1b;background:#fee2e2}.employee-login-hint{color:#64748b;margin:16px 0 0;font-size:13px;line-height:1.45}:root{color:#172522;font-synthesis:none;--green:#123d38;--mint:#dff3e8;--line:#e1e7e3;--muted:#70807b;--orange:#f1a33b;background:#f5f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.shell>aside{color:#fff;z-index:20;background:#103832;flex-direction:column;width:246px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.mark{color:#103832;background:#d7b45a;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-4deg)}.mark svg{width:25px}.brand b,.brand span{font-family:Manrope;display:block}.brand b{letter-spacing:.12em;font-size:17px}.brand span{letter-spacing:.22em;color:#a9c2bc;font-size:9px}.shell nav{flex-direction:column;gap:6px;display:flex}.shell nav button{color:#b9cbc7;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 13px;font-weight:600;display:flex}.shell nav button svg{width:19px}.shell nav button:hover,.shell nav button.active{color:#fff;background:#245049}.shell nav button.active{box-shadow:inset 3px 0 #d9b55f}.shell nav em{color:#fff;background:#e6694f;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.aside-foot{margin-top:auto}.workspace{background:#17443e;border:1px solid #38615b;border-radius:12px;align-items:center;gap:9px;padding:11px;display:flex}.workspace-logo{color:#153e38;background:#e6c56e;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.workspace div:nth-child(2){flex-direction:column;font-size:12px;display:flex}.workspace span{color:#9fb8b2;font-size:10px}.workspace svg{width:15px;margin-left:auto}.aside-foot>small{color:#668d84;letter-spacing:.13em;margin:18px 10px 0;font-size:8px;display:block}.main{margin-left:246px}.main>header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;justify-content:space-between;align-items:center;height:86px;padding:0 34px;display:flex;position:sticky;top:0}header p{color:#8b9995;margin:0 0 4px;font-size:11px}header h1{margin:0;font:700 19px Manrope}.header-actions,.admin{align-items:center;gap:15px;display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid;position:relative}.icon-btn svg{width:18px}.icon-btn i{background:#e45f48;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.admin{gap:9px}.admin>div:nth-child(2){flex-direction:column;font-size:12px;display:flex}.admin span{color:var(--muted);font-size:10px}.admin>svg{width:15px}.mobile-menu{display:none}.main>main{max-width:1500px;margin:auto;padding:30px 34px 50px}.welcome{color:#fff;background:linear-gradient(110deg,#103b35,#1e5149);border-radius:18px;justify-content:space-between;align-items:center;padding:26px 30px;display:flex;box-shadow:0 14px 35px #194a3e1c}.eyebrow{letter-spacing:.18em;color:#82928e;font-size:9px;font-weight:800}.welcome .eyebrow{color:#e0bf6a}.welcome h2{margin:8px 0 5px;font:700 27px Manrope}.welcome p{color:#b9cec9;margin:0;font-size:13px}.data-stamp{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:13px 16px;display:flex}.data-stamp svg{color:#e0bf6a;width:20px}.data-stamp div{flex-direction:column;font-size:11px;display:flex}.data-stamp span{color:#9ab5ae;font-size:10px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.stat-icon{color:#1f765e;background:#e4f3eb;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.stat-icon.blue{color:#3677a7;background:#e5f0fa}.stat-icon.amber{color:#c87a1e;background:#fff0dd}.stat-icon.purple{color:#7650a7;background:#f0e9fa}.stat-icon svg{width:20px}.stat>div:last-child{display:grid}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.stat strong{font:800 23px/1.2 Manrope}.stat small{color:#8b9895;font-size:10px}.panel,.table-card{border:1px solid var(--line);background:#fff;border-radius:15px}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.panel-head{justify-content:space-between;align-items:center;padding:20px 22px 13px;display:flex}.panel-head h3,.section-title h3{margin:4px 0 0;font:700 16px Manrope}.text-btn{color:#24705f;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.text-btn svg{width:14px}.attention-list>button{text-align:left;background:#fff;border:0;border-top:1px solid #edf0ee;align-items:center;gap:12px;width:100%;padding:12px 20px;display:flex}.attention-list>button:hover{background:#f9fbfa}.attention-list>button>div:nth-child(2){flex-direction:column;flex:1;display:flex}.attention-list b{font-size:12px}.attention-list span{color:var(--muted);font-size:10px}.attention-list>button>svg{color:#9eaaa6;width:16px}.mini-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.mini-icon svg{width:16px}.mini-icon.danger{color:#c9513e;background:#fde8e4}.mini-icon.warn{color:#cb7e21;background:#fff0dd}.badge{color:#61706c;letter-spacing:.02em;white-space:nowrap;background:#eef1ef;border-radius:20px;align-items:center;gap:4px;width:max-content;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.badge svg{width:12px;height:12px}.badge.success{color:#237158;background:#e2f2e9}.badge.danger{color:#bb4937;background:#fde7e3}.badge.warning{color:#ae6817;background:#fff0d8}.mix{padding-bottom:16px}.mix-row{align-items:center;gap:9px;padding:8px 22px;font-size:11px;display:flex}.mix-row .dot{background:#237158;border-radius:50%;width:8px;height:8px}.mix-row .c1{background:#4994b7}.mix-row .c2{background:#c28642}.mix-row .c3{background:#8967b1}.mix-row b{width:78px}.mix-row strong{text-align:right;width:22px}.bar{background:#edf0ee;border-radius:5px;flex:1;height:5px;overflow:hidden}.bar i{background:#2d7766;border-radius:5px;height:100%;display:block}.wide-btn{border:1px solid var(--line);color:#285d53;background:#fff;border-radius:9px;width:calc(100% - 40px);margin:14px 20px 0;padding:10px;font-size:11px;font-weight:700}.wide-btn svg{vertical-align:middle;width:13px;margin-left:5px}.recent{margin-top:16px}.people-strip{border-top:1px solid #edf0ee;grid-template-columns:repeat(5,1fr);display:grid}.people-strip button{text-align:center;background:#fff;border:0;border-right:1px solid #edf0ee;flex-direction:column;align-items:center;padding:18px;display:flex}.people-strip button:last-child{border:0}.people-strip b{white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin-top:9px;font-size:11px;overflow:hidden}.people-strip span,.people-strip small{color:var(--muted);font-size:9px}.people-strip small{margin-top:5px}.avatar{--h:165;background:hsl(var(--h) 34% 89%);width:42px;height:42px;color:hsl(var(--h) 42% 32%);border-radius:50%;place-items:center;font:800 12px Manrope;display:grid}.avatar.sm{width:34px;height:34px;font-size:10px}.avatar.xl{border:4px solid #fff;width:78px;height:78px;font-size:22px;box-shadow:0 0 0 1px #d9e2df}.page-intro{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-intro h2{margin:0 0 4px;font:700 23px Manrope}.page-intro p{color:var(--muted);margin:0;font-size:12px}.primary{border:0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:11px;font-weight:700;display:flex;box-shadow:0 5px 12px #174a4220;color:#fff!important;background:#174a42!important}.primary svg{width:15px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;align-items:center;min-width:320px;max-width:480px;height:40px;padding:0 12px;display:flex}.search svg{color:#80908b;width:16px}.search input{background:0 0;border:0;outline:0;width:100%;padding:0 9px;font-size:11px}.search button{background:0 0;border:0;height:24px;padding:0}.segmented,.filter-row{background:#e9eeeb;border-radius:9px;padding:3px;display:flex}.segmented button,.filter-row button{color:#687873;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:9px;font-weight:700}.segmented button.active,.filter-row button.active{color:#174a42;background:#fff;box-shadow:0 1px 5px #213c3420}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:840px}th{text-transform:uppercase;letter-spacing:.08em;color:#82908d;border-bottom:1px solid var(--line);background:#fafbfa;padding:12px 18px;font-size:9px}td{border-bottom:1px solid #edf0ee;padding:13px 18px;font-size:11px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8faf9}td>span,td>div>span{color:var(--muted);margin-top:2px;font-size:9px;display:block}td:last-child svg{color:#a4afac;width:15px}.person{align-items:center;gap:10px;display:flex}.person>div{flex-direction:column;display:flex}.person b{font-size:11px}.regular{font-weight:600}.table-foot{color:#7c8a86;padding:12px 18px;font-size:9px}.back{color:#61716d;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;font-size:11px;display:flex}.back svg{width:15px}.profile-hero,.vehicle-hero{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:24px;display:flex}.profile-main{align-items:center;gap:18px;display:flex}.profile-kicker{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.profile-main h2,.vehicle-hero h2{margin:6px 0 5px;font:800 24px Manrope}.profile-main p,.vehicle-hero p{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.profile-main p svg{width:14px}.profile-main p i{background:#a3afac;border-radius:50%;width:3px;height:3px}.profile-actions{gap:8px;display:flex}.profile-actions button{border:1px solid var(--line);color:#4c5d59;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:700;display:flex}.profile-actions svg{width:14px}.detail-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,.7fr);gap:16px;display:grid}.detail-section{margin-bottom:16px;padding:21px}.section-title{align-items:center;gap:11px;margin-bottom:20px;display:flex}.section-title>svg{color:#2c725f;background:#e5f2ec;border-radius:9px;width:34px;height:34px;padding:8px}.section-title h3{margin:0}.section-title p{color:var(--muted);margin:2px 0 0;font-size:10px}.section-title.compact{margin-bottom:10px}.info-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.info{align-items:center;gap:10px;display:flex}.info-icon{color:#6a7c77;background:#f4f6f5;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.info-icon svg{width:15px}.info>div:last-child{flex-direction:column;min-width:0;display:flex}.info span{color:var(--muted);font-size:9px}.info b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.documents{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.document{border:1px solid var(--line);border-radius:11px;flex-direction:column;padding:13px;display:flex}.doc-top{color:#397764;justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.doc-top.danger{color:#bd4b39}.doc-top.warning{color:#b16c1b}.doc-top>svg{width:20px}.document>span,.document>small{color:var(--muted);font-size:9px}.document>b{margin:2px 0;font-size:12px}.side-stack dl{margin:0}.side-stack dl>div{border-top:1px solid #edf0ee;justify-content:space-between;padding:10px 0;font-size:10px;display:flex}.side-stack dt{color:var(--muted)}.side-stack dd{text-align:right;margin:0;font-weight:700}.vehicle-link{text-align:center;padding:18px}.vehicle-link>.eyebrow{text-align:left;display:block}.vehicle-link>svg{color:#2e7564;width:44px;height:44px;margin-top:12px}.vehicle-link h3{margin:4px}.vehicle-link p{color:var(--muted);font-size:10px}.empty{text-align:center;padding:45px 20px}.empty-icon{color:#4d776d;background:#edf3f0;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 12px;display:grid}.empty-icon svg{width:21px}.empty h3{margin:0 0 5px;font:700 15px Manrope}.empty p{max-width:370px;color:var(--muted);margin:auto;font-size:11px;line-height:1.55}.vehicle-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.vehicle-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:0;overflow:hidden}.vehicle-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #24473e12}.vehicle-visual{background:linear-gradient(135deg,hsl(var(--h) 30% 91%),hsl(var(--h) 25% 84%));height:112px;color:hsl(var(--h) 32% 41%);place-items:center;display:grid;position:relative}.vehicle-visual>svg{width:62px;height:62px}.vehicle-visual>span{letter-spacing:.1em;font-size:9px;font-weight:800;position:absolute;top:12px;left:14px}.vehicle-visual>.badge{position:absolute;top:10px;right:12px}.vehicle-body{padding:14px}.vehicle-body>div:first-child{justify-content:space-between;display:flex}.vehicle-body h3{margin:0;font:700 15px Manrope}.vehicle-body p{color:var(--muted);margin:2px 0 12px;font-size:9px}.vehicle-body>strong{letter-spacing:.05em;background:#f0f3f1;border-radius:5px;padding:5px 8px;font:700 13px Manrope}.vehicle-meta{border-top:1px solid #edf0ee;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;display:flex}.vehicle-meta>span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.vehicle-meta svg{width:13px}.vehicle-hero{justify-content:flex-start;gap:18px}.vehicle-hero>button{margin-left:auto}.big-car{background:hsl(var(--h) 30% 89%);width:84px;height:70px;color:hsl(var(--h) 36% 38%);border-radius:13px;place-items:center;display:grid}.big-car svg{width:45px;height:45px}.vehicle-detail-grid{grid-template-columns:1.4fr .8fr;gap:16px;display:grid}.registration{align-items:center;gap:15px;margin-bottom:16px;padding:20px;display:flex}.ring{color:#217058;border:6px solid #cfe8dc;border-radius:50%;align-content:center;place-items:center;width:67px;height:67px;display:grid}.ring.warning{color:#b16c1b;border-color:#f8dba9}.ring.danger{color:#bd4b39;border-color:#f5c5bc}.ring strong{font:800 19px/1 Manrope}.ring span{font-size:8px}.registration h3{margin:5px 0 3px;font:700 14px Manrope}.registration p{color:var(--muted);margin:0;font-size:9px}.assignment{grid-column:1/-1}.assigned{align-items:center;gap:10px;display:flex}.assigned>div{flex-direction:column;font-size:11px;display:flex}.assigned span{color:var(--muted);font-size:9px}.assigned small{color:var(--muted);margin-left:auto}.stats.mini{grid-template-columns:repeat(3,1fr)}.vacation-panel{place-items:center;min-height:360px;display:grid}.expiry-summary{color:#fff;background:#163f39;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:23px 28px;display:flex}.expiry-number{flex-direction:column;display:flex}.expiry-number span{color:#b4ccc6;font-size:10px}.expiry-number strong{color:#e4c16b;font:800 34px Manrope}.expiry-number small{color:#8eada6;font-size:9px}.expiry-scale{gap:28px;display:flex}.expiry-scale>span{color:#a8c1bb;grid-template-columns:auto auto;gap:0 7px;font-size:9px;display:grid}.expiry-scale i{background:#7e9d95;border-radius:50%;grid-row:1/3;align-self:center;width:8px;height:8px}.expiry-scale i.danger{background:#ee7762}.expiry-scale i.warning{background:#e7ad4d}.expiry-scale i.safe{background:#65b798}.expiry-scale b{color:#fff;font:700 16px Manrope}.filter-row{width:max-content;margin-bottom:12px}.doc-cell{align-items:center;gap:8px;display:flex}.doc-cell svg{color:#5c7b73;width:15px}@media (width<=1050px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.people-strip{grid-template-columns:repeat(3,1fr)}.people-strip button:nth-child(n+4){display:none}.expiry-scale{gap:12px}}@media (width<=760px){.shell>aside{transition:all .2s;transform:translate(-100%)}.shell>aside.open{transform:translate(0);box-shadow:10px 0 40px #0003}.main{margin-left:0}.main>header{height:70px;padding:0 16px}.mobile-menu{background:0 0;border:0;margin-right:10px;display:grid}.mobile-menu svg{width:20px}.main>header>div:first-of-type{margin-right:auto}.header-actions .admin>div:nth-child(2),.header-actions .admin>svg{display:none}.main>main{padding:20px 15px}.welcome{padding:22px}.data-stamp{display:none}.welcome h2{font-size:21px}.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.toolbar{flex-direction:column;align-items:stretch}.search{min-width:0;max-width:none}.segmented{overflow:auto}.profile-hero,.vehicle-hero{align-items:flex-start;gap:13px}.profile-actions{display:none}.detail-grid,.vehicle-detail-grid,.vehicle-grid{grid-template-columns:1fr}.vehicle-hero>button{display:none}.info-grid,.documents{grid-template-columns:1fr}.expiry-summary{flex-direction:column;align-items:flex-start;gap:20px}.expiry-scale{grid-template-columns:1fr 1fr;display:grid}.page-intro button{display:none}}@media (width<=460px){.stats,.stats.mini{grid-template-columns:1fr}.recent{display:none}.welcome p{font-size:11px}.profile-main{align-items:flex-start}.avatar.xl{width:58px;height:58px}.profile-main h2,.vehicle-hero h2{font-size:19px}.profile-main p{flex-wrap:wrap}.vehicle-hero{padding:17px}.big-car{width:60px;height:58px}.big-car svg{width:35px}.expiry-scale{gap:9px}.admin{display:none}}.import-card{background:radial-gradient(circle at 100% 0,#14b8a61f,#0000 32%),linear-gradient(#fff,#f8fbfa);border:1px solid #14b8a62e;position:relative;overflow:hidden}.import-card:before{content:"";opacity:.95;background:linear-gradient(#14b8a6,#22c55e);width:4px;position:absolute;inset:0 auto 0 0}.import-card .panel-head{align-items:center;gap:16px;position:relative}.import-card .panel-head>div:first-child{min-width:240px}.import-card .panel-head h3{align-items:center;gap:8px;margin-top:4px;display:flex}.import-card .panel-head p{max-width:620px;color:var(--muted)}.import-card .row-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.import-card button,.import-card .row-action{border-radius:14px;min-height:42px}.import-card .row-action{cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex}.import-card .row-actions button:first-child,.import-card>.panel-head>button{background:#14b8a61f;border-color:#14b8a647}.import-card .row-actions button:first-child:hover,.import-card>.panel-head>button:hover{background:#14b8a62e}.import-card .row-actions .row-action{background:#3b82f61a;border-color:#3b82f63d}.import-card .row-actions .row-action:hover{background:#3b82f629}.import-card .form-error{margin-top:14px}@media (width<=760px){.import-card .panel-head{align-items:stretch}.import-card .row-actions{justify-content:stretch;width:100%}.import-card .row-actions button,.import-card .row-actions .row-action,.import-card>.panel-head>button{width:100%}}.payroll-reimbursement-gate{border:1px solid var(--line);background:#fafbfa;border-radius:11px;margin-bottom:14px;padding:13px}.payroll-reimbursement-gate>div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.payroll-reimbursement-gate>div>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.payroll-reimbursement-gate label{color:#33413e;align-items:flex-start;gap:9px;font-size:11px;font-weight:700;display:flex}.payroll-reimbursement-gate input{margin-top:1px}.payroll-reimbursement-gate .form-note{margin:10px 0 0}.saved-salary-draft{border-top:1px solid var(--line);margin-top:14px;padding-top:16px}.legacy-json-preview{color:#33413e;white-space:pre-wrap;background:#f8faf9;border-radius:8px;max-height:260px;margin:8px 0 0;padding:10px;font-size:10px;line-height:1.5;overflow:auto}.brand{position:relative}.sidebar-toggle{color:#d7e7e3;background:#17443e;border:1px solid #38615b;border-radius:9px;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.sidebar-toggle:hover{color:#fff;background:#245049}.sidebar-toggle svg{width:16px;height:16px}.sidebar-restore{z-index:30;border:1px solid var(--line);color:#174a42;background:#fff;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;position:fixed;top:24px;left:18px;box-shadow:0 8px 24px #1c3d351f}.sidebar-restore svg{width:16px;height:16px}.shell.sidebar-collapsed>aside{pointer-events:none;transform:translate(-100%)}.shell.sidebar-collapsed .main{margin-left:0}.shell.sidebar-collapsed .main>header{padding-left:150px}.shell.sidebar-collapsed .main>main{max-width:none}.advance-records-modal-overlay{z-index:9999;background:#0f172a7a;justify-content:stretch;align-items:stretch;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.advance-records-modal-overlay .advance-records-modal{color:#172522;background:#fff;border:0;border-radius:0;flex-direction:column;width:100vw;height:100dvh;padding:22px;display:flex;overflow:hidden;max-width:none!important;max-height:none!important;margin:0!important}.advance-records-modal-overlay .advance-records-modal .modal-head{border-bottom:1px solid var(--line);flex:none;margin-bottom:12px;padding:0 0 14px}.advance-records-modal-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.advance-records-summary{opacity:1;flex:none;grid-template-columns:repeat(5,minmax(150px,1fr));max-height:160px;transition:max-height .18s,opacity .18s,margin .18s;overflow:hidden}.advance-records-summary.is-collapsed{opacity:0;pointer-events:none;max-height:0;margin:0}.advance-records-compact-summary{border:1px solid var(--line);background:#f8faf9;border-radius:10px;flex-wrap:wrap;flex:none;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;font-size:11px;display:flex}.advance-records-compact-summary span{color:var(--muted)}.advance-records-compact-summary b{color:#172522}.advance-records-compact-summary button{border:1px solid var(--line);color:#174a42;background:#fff;border-radius:9px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.advance-records-compact-summary svg{width:14px;height:14px}.advance-records-table-wrap{flex:auto;width:100%;min-height:0;overflow:auto}.advance-records-table-wrap table{min-width:1480px}.compact-actions{flex-wrap:wrap;gap:6px;min-width:330px}.compact-actions .row-action{white-space:nowrap;min-height:30px;padding:6px 8px}.row-action:disabled,button:disabled{cursor:not-allowed;opacity:.55}.badge.blue{color:#3677a7;background:#e5f0fa}.legacy-merge-modal{width:min(1180px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.legacy-merge-results{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin:10px 0 14px;display:grid}.legacy-merge-results button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.legacy-merge-results button.selected{background:#eefaf6;border-color:#168875}.legacy-merge-results b,.legacy-merge-results span{display:block}.legacy-merge-results span{color:var(--muted);margin-top:4px;font-size:11px}.legacy-merge-result{margin-top:14px}.danger-text{color:#b42318}@media (width<=760px){.sidebar-toggle{display:none}.sidebar-restore{min-height:34px;padding:0 10px;top:78px;left:10px}.shell.sidebar-collapsed .main>header{padding-left:16px}.advance-records-modal-overlay{padding:0}.advance-records-modal-overlay .advance-records-modal{border-radius:0;width:100vw;height:100dvh;padding:12px}.advance-records-summary{grid-template-columns:1fr}.advance-records-compact-summary button{margin-left:0}.shell.sidebar-collapsed>aside.open{pointer-events:auto;transform:translate(0)}}.opening-balance-confirm-modal{flex-direction:column;width:min(1180px,100%);height:calc(100dvh - 24px);display:flex;overflow:auto;max-width:none!important;max-height:none!important;margin:0!important}.opening-balance-confirm-modal .modal-head,.opening-balance-confirm-modal .documents,.opening-balance-confirm-modal .panel-soft{flex:none}.opening-balance-confirm-modal .modal-actions{z-index:5;border-top:1px solid var(--line);background:#fff;margin-top:14px;padding-top:12px;position:sticky;bottom:0}.opening-balance-legacy-table-wrap{width:100%;min-height:0!important;max-height:none!important}@media (width<=760px){.opening-balance-confirm-backdrop{padding:0}.opening-balance-confirm-modal{border-radius:0;width:100vw;height:100dvh}}.opening-balance-confirm-modal{flex-direction:column;display:flex;overflow:hidden!important}.opening-balance-confirm-modal .modal-head,.opening-balance-confirm-summary{flex:none}.opening-balance-compact-summary{border:1px solid var(--line);background:#f8faf9;border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:10px 12px;display:flex}.opening-balance-compact-summary div{gap:2px;display:grid}.opening-balance-compact-summary b{color:#172522;font-size:12px}.opening-balance-compact-summary span{color:var(--muted);font-size:10px}.opening-balance-compact-summary button{border:1px solid var(--line);color:#174a42;white-space:nowrap;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.opening-balance-compact-summary svg{width:14px;height:14px}.opening-balance-legacy-panel{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.opening-balance-legacy-panel .section-title{flex:none}.opening-balance-legacy-table-wrap{flex:auto;width:100%;min-height:0!important;max-height:none!important;overflow:auto!important}.opening-balance-legacy-table-wrap table{min-width:1120px}.opening-balance-confirm-modal>.panel-soft:not(.opening-balance-legacy-panel),.opening-balance-confirm-modal .modal-actions{flex:none}@media (width<=760px){.opening-balance-compact-summary{flex-direction:column;align-items:stretch}.opening-balance-compact-summary button{justify-content:center;width:100%}}.opening-balance-confirm-backdrop{z-index:9999!important;background:#0f172a7a!important;justify-content:stretch!important;align-items:stretch!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.opening-balance-confirm-backdrop .opening-balance-confirm-modal{color:#172522;background:#fff!important;border:0!important;border-radius:0!important;flex-direction:column!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:22px!important;display:flex!important;overflow:hidden!important}.opening-balance-confirm-modal .modal-head{border-bottom:1px solid var(--line);flex:none!important;margin-bottom:0!important;padding:0 0 14px!important}.opening-balance-confirm-modal .opening-balance-confirm-summary{max-height:240px;margin-top:14px;overflow:auto;flex:none!important}.opening-balance-confirm-modal .opening-balance-compact-summary{border-bottom:1px solid var(--line);border-radius:0!important;flex:none!important;margin:0!important;padding:10px 12px!important}.opening-balance-confirm-modal .opening-balance-legacy-panel{border-left:0!important;border-right:0!important;border-radius:0!important;flex-direction:column!important;flex:auto!important;min-height:0!important;margin-top:0!important;display:flex!important;overflow:hidden!important}.opening-balance-confirm-modal .opening-balance-legacy-panel .section-title{flex:none!important;margin-bottom:10px!important}.opening-balance-confirm-modal .opening-balance-legacy-table-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;flex:auto!important;width:100%!important;min-height:0!important;max-height:none!important;overflow:auto!important}.opening-balance-confirm-modal .opening-balance-legacy-table-wrap table{min-width:1180px!important}.opening-balance-confirm-modal .opening-balance-legacy-table-wrap thead th{z-index:2;background:#fafbfa;position:sticky;top:0}.opening-balance-confirm-modal .modal-actions{z-index:5!important;border-top:1px solid var(--line)!important;background:#fff!important;flex:none!important;margin-top:0!important;padding:12px 0 0!important;position:sticky!important;bottom:0!important}@media (width<=760px){.opening-balance-confirm-backdrop .opening-balance-confirm-modal{padding:12px!important}.opening-balance-confirm-modal .opening-balance-compact-summary{flex-direction:column;align-items:stretch}.opening-balance-confirm-modal .opening-balance-compact-summary button{justify-content:center;width:100%}}.opening-balance-confirm-backdrop{z-index:9999!important;background:#fff!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden!important}.opening-balance-confirm-backdrop .opening-balance-confirm-modal{background:#fff!important;border:0!important;border-radius:0!important;flex-direction:column!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:22px!important;display:flex!important;overflow:hidden!important}.opening-balance-confirm-modal .modal-head{border-bottom:1px solid var(--line);flex:none!important;margin:0!important;padding:0 0 14px!important}.opening-balance-confirm-modal .opening-balance-compact-summary{border:1px solid var(--line);background:#f8faf9;border-top:0;border-radius:0!important;flex:none!important;margin:0!important;padding:10px 12px!important}.opening-balance-confirm-modal.legacy-expanded .opening-balance-legacy-panel{border-radius:0!important;flex-direction:column!important;flex:auto!important;min-height:0!important;margin-top:0!important;display:flex!important;overflow:hidden!important}.opening-balance-confirm-modal.legacy-expanded .opening-balance-legacy-panel .section-title{flex:none!important;margin-bottom:10px!important}.opening-balance-confirm-modal.legacy-expanded .opening-balance-legacy-panel>p{flex:none!important}.opening-balance-confirm-modal.legacy-expanded .opening-balance-legacy-table-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;flex:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}.opening-balance-confirm-modal.legacy-expanded .opening-balance-legacy-table-wrap table{min-width:1280px!important}.opening-balance-confirm-modal.legacy-expanded .opening-balance-legacy-table-wrap thead th{z-index:3;background:#fafbfa;position:sticky;top:0}.opening-balance-confirm-modal.legacy-expanded .modal-actions{border-top:1px solid var(--line)!important;background:#fff!important;flex:none!important;margin-top:12px!important;padding-top:12px!important}.opening-balance-confirm-modal:not(.legacy-expanded){overflow:auto!important}.opening-balance-confirm-modal:not(.legacy-expanded) .modal-actions{z-index:5!important;border-top:1px solid var(--line)!important;background:#fff!important;position:sticky!important;bottom:0!important}@media (width<=760px){.opening-balance-confirm-backdrop .opening-balance-confirm-modal{padding:12px!important}.opening-balance-confirm-modal .opening-balance-compact-summary{flex-direction:column;align-items:stretch}.opening-balance-confirm-modal .opening-balance-compact-summary button{justify-content:center;width:100%}}.opening-balance-confirm-modal.legacy-expanded .opening-balance-import-effect{display:none!important}.payroll-finalize-modal-overlay{z-index:9999;background:#0f172a8c;justify-content:stretch;align-items:stretch;display:flex;position:fixed;inset:0}.payroll-finalize-modal-panel{background:#fff;border-radius:0;flex-direction:column;width:100vw;height:100dvh;margin:0;display:flex;overflow:hidden;max-width:none!important;max-height:none!important}.payroll-finalize-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.payroll-finalize-modal-header h2{margin:4px 0 6px}.payroll-finalize-modal-header p{color:var(--muted);margin:0}.payroll-finalize-modal-header button{flex:none}.payroll-finalize-modal-body{flex:1;min-height:0;padding:20px 24px;overflow:auto}.payroll-finalize-modal-footer{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.payroll-finalize-modal-table-wrap{width:100%;overflow-x:auto}.payroll-finalize-modal-table-wrap table{min-width:1100px}.final-salary-dashboard-body{gap:14px;margin-top:16px;display:grid}.transfer-bank-preview-panel{border:1px solid var(--line);border-radius:11px;padding:14px}.salary-transfer-preview-panel{margin-top:14px}.transfer-sheet-planning-grid{margin-bottom:12px}.transfer-sheet-planning-grid select{border:1px solid var(--line);color:#172522;background:#fff;border-radius:8px;width:100%;margin:6px 0;padding:8px 10px;font-size:11px}.transfer-sheet-format-note,.transfer-sheet-rule-note{grid-column:1/-1;gap:4px}.transfer-bank-preview-table-wrap{width:100%;overflow-x:auto}.transfer-bank-preview-table-wrap table{min-width:1500px}.salary-transfer-preview-table-wrap table{min-width:1300px}.bank-account-master-table-wrap table{min-width:1450px}.hr-payroll-subnav{margin-bottom:16px}.hr-payroll-subnav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hr-payroll-subnav-grid button{border:1px solid var(--line);color:#172522;text-align:left;background:#fff;border-radius:11px;gap:7px;min-height:118px;padding:14px;display:grid}.hr-payroll-subnav-grid button svg{color:#24705f;width:22px}.hr-payroll-subnav-grid button b{font-size:13px}.hr-payroll-subnav-grid button span{color:var(--muted);font-size:10px;line-height:1.45}.hr-payroll-subnav-grid button.active{color:#fff;background:#174a42;border-color:#174a42}.hr-payroll-subnav-grid button.active svg,.hr-payroll-subnav-grid button.active span{color:#d9eee6}.final-salary-tabs{flex-wrap:wrap;gap:8px;display:flex}.final-salary-tabs button{border:1px solid var(--line);color:#4c5d59;background:#fff;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:700}.final-salary-tabs button.active{color:#fff;background:#174a42;border-color:#174a42}.final-salary-filters{grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;display:grid}.final-salary-filters label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.final-salary-filters select,.final-salary-filters input{border:1px solid var(--line);border-radius:9px;width:100%;min-height:38px;padding:0 10px}.final-salary-summary-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.final-salary-table-wrap{width:100%;overflow-x:auto}.final-salary-table-wrap table{min-width:1900px}@media (width<=1050px){.hr-payroll-subnav-grid,.final-salary-filters,.final-salary-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.hr-payroll-subnav-grid,.final-salary-filters,.final-salary-summary-grid{grid-template-columns:1fr}}.manual-payroll-breakdown{margin-top:14px}.manual-payroll-breakdown-table-wrap{border:1px solid var(--line);background:#fff;border-radius:11px;width:100%;overflow-x:auto}.manual-payroll-breakdown-table-wrap table{min-width:2200px}@media (width<=760px){.payroll-finalize-modal-header,.payroll-finalize-modal-body,.payroll-finalize-modal-footer{padding-left:14px;padding-right:14px}.payroll-finalize-modal-header{align-items:stretch}.payroll-finalize-modal-footer{flex-direction:column-reverse}.payroll-finalize-modal-footer button{justify-content:center;width:100%}.page-intro{flex-direction:column;align-items:stretch;gap:12px}.page-intro button{justify-content:center;width:100%;min-height:42px;display:inline-flex}.page-intro .row-actions{align-items:stretch;width:100%}.profile-hero,.vehicle-hero{flex-direction:column}.profile-actions{flex-wrap:wrap;width:100%;display:flex}.profile-actions button,.vehicle-hero>button{justify-content:center;width:100%;min-height:42px;display:inline-flex}.vehicle-hero>button{margin-left:0}}.vehicle-card{cursor:pointer}.card-action{border:1px solid var(--line);color:#315e55;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:9px 12px;font-size:10px;font-weight:800;display:flex}.card-action svg{width:14px}.modal-backdrop{z-index:50;overscroll-behavior:contain;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102a2673;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.assign-modal{overscroll-behavior:contain;background:#fff;border-radius:16px;width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 70px #081b1740}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;display:flex}.assign-modal>.modal-head{z-index:3;background:#fff;position:sticky;top:0}.modal-head h2{margin:5px 0 0;font:800 21px Manrope}.modal-head>button{background:#f0f3f1;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.modal-head svg{width:17px}.assign-modal form{padding:22px 24px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{color:#61716d;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{color:#172522;background:#fff;border:1px solid #dce3df;border-radius:8px;outline:none;width:100%;padding:10px 11px;font:500 11px DM Sans}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#367768;box-shadow:0 0 0 3px #36776816}.form-grid input:disabled{color:#70807b;background:#f4f6f5}.form-grid textarea{resize:vertical;min-height:78px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.assign-modal>.modal-actions{z-index:3;border-top:1px solid var(--line);background:#fff;margin:20px 0 0;padding:14px 24px;position:sticky;bottom:0}.assign-modal form>.modal-actions{z-index:3;border-top:1px solid var(--line);background:#fff;margin:20px -24px -22px;padding:14px 24px;position:sticky;bottom:0}.modal-actions>button{border:1px solid var(--line);color:#52635e;background:#fff;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700}@media (width<=600px){.modal-backdrop{align-items:flex-end;padding:0}.assign-modal{width:100%;max-height:calc(100vh - env(safe-area-inset-top,0px) - 12px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - 12px);border-radius:18px 18px 0 0}.assign-modal>.modal-head{padding:18px 18px 13px}.assign-modal form{padding:18px}.assign-modal>.modal-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;margin:18px 0 0}.assign-modal form>.modal-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;margin:18px -18px -18px}.modal-actions>button{min-height:42px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}}.local-toast{z-index:45;color:#fff;background:#174a42;border-radius:10px;align-items:center;gap:9px;padding:11px 13px;font-size:11px;font-weight:700;display:flex;position:fixed;top:100px;right:30px;box-shadow:0 12px 30px #173b3230}.local-toast>svg{color:#87d3b7;width:17px}.local-toast button{color:#b9d4cd;background:0 0;border:0;height:18px;padding:0}.local-toast button svg{width:14px}.assigned-to{color:#376a5e;background:#f0f6f3;border-radius:8px;align-items:center;gap:7px;margin-top:11px;padding:8px 9px;display:flex!important}.assigned-to>svg{width:15px}.assigned-to>span{flex-direction:column;display:flex}.assigned-to b{font-size:9px}.assigned-to small{color:#71837e;font-size:8px}@media (width<=600px){.local-toast{top:78px;left:15px;right:15px}}.static-row{cursor:default}.reset-demo{color:#a9c2bc;background:0 0;border:1px solid #38615b;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:9px;padding:8px 10px;font-size:9px;font-weight:700;display:flex}.reset-demo:hover{color:#fff;background:#214d46}.reset-demo svg{width:13px}.mobile-dashboard{border:1px solid var(--line);background:#fff;border-radius:15px;margin-top:16px}.mobile-dashboard .mobile-stats{grid-template-columns:repeat(3,1fr);margin:0;padding:0 16px 16px}.mobile-dashboard .stat{background:#f9fbfa}.mobile-table table{min-width:860px}.employee-modal{width:min(850px,100%);max-height:92vh;overflow:auto}.employee-form{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.employee-form h3{border-bottom:1px solid var(--line);color:#274b43;grid-column:1/-1;margin:8px 0 0;padding-bottom:7px;font:700 13px Manrope}.employee-form label{color:#61716d;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.employee-form input,.employee-form select,.employee-form textarea{color:#172522;background:#fff;border:1px solid #dce3df;border-radius:8px;outline:none;width:100%;padding:10px 11px;font:500 11px DM Sans}.employee-form input:focus,.employee-form select:focus,.employee-form textarea:focus{border-color:#367768;box-shadow:0 0 0 3px #36776816}.employee-form input[readonly]{color:#315e55;background:#f1f5f3;font-weight:800}.employee-form .employee-notes,.employee-form .form-error{grid-column:1/-1}.passport-warning{color:#9b641f;background:#fff7e8;border-radius:8px;align-self:end;align-items:center;gap:6px;margin:0;padding:9px 10px;font-size:9px;display:flex}.passport-warning svg{width:14px}.document-alerts{color:#925e19;background:#fff8eb;border:1px solid #f0c98c;border-radius:12px;justify-content:space-between;align-items:center;margin:-2px 0 16px;padding:13px 16px;display:flex}.document-alerts>div{align-items:center;gap:9px;display:flex}.document-alerts svg{width:19px}.document-alerts span{flex-direction:column;display:flex}.document-alerts b{font-size:11px}.document-alerts small,.document-alerts p{margin:0;font-size:9px}.saved-actions{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px;display:flex}.saved-actions>svg{color:#2d826a;width:46px;height:46px}.saved-actions p{color:#60726d;margin:0 0 4px;font-size:11px}.detail-print-action{pointer-events:none;justify-content:flex-end;gap:8px;margin-top:-58px;margin-bottom:18px;display:flex}.detail-print-action button,.print-buttons button{pointer-events:auto;border:1px solid var(--line);color:#315e55;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:800;display:inline-flex}.detail-print-action svg,.print-buttons svg{width:15px}.print-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.print-sheet{display:none}@media (width<=760px){.employee-form{grid-template-columns:1fr}.employee-form h3,.employee-form .employee-notes,.employee-form .form-error{grid-column:auto}.detail-print-action{margin:0 0 16px}}@media print{@page{size:A4;margin:14mm}body *{visibility:hidden!important}.print-sheet{display:none!important}body[data-print-type=joining] .joining-sheet,body[data-print-type=agreement] .agreement-sheet{color:#111;break-inside:avoid;page-break-inside:avoid;break-after:auto;page-break-after:avoid;background:#fff;width:100%;font-family:Arial,sans-serif;position:absolute;inset:0;visibility:visible!important;display:block!important}body[data-print-type=joining] .joining-sheet *,body[data-print-type=agreement] .agreement-sheet *{visibility:visible!important}.print-brand{text-align:center;border-bottom:2px solid #173f38;margin-bottom:22px;padding-bottom:16px}.print-brand h1{margin:0 0 6px;font-size:22px}.print-brand h2{text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:16px}.print-grid{border:1px solid #aaa;grid-template-columns:1fr 1fr;display:grid}.print-grid>div{border-bottom:1px solid #aaa;border-right:1px solid #aaa;flex-direction:column;gap:5px;min-height:54px;padding:9px 11px;display:flex}.print-grid>div:nth-child(2n){border-right:0}.print-grid span{color:#555;text-transform:uppercase;font-size:9px}.print-grid b{font-size:12px}.print-grid .print-wide{border-right:0;grid-column:1/-1;min-height:70px}.passport-photo-box{text-align:center;border:1px dashed #888;justify-content:center;align-items:center;min-height:120px}.passport-photo-box span{color:#555;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.passport-photo-box b{font-size:11px}.signatures{grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:70px;display:grid}.signatures div{text-align:center;border-top:1px solid #333;padding-top:7px;font-size:10px}.print-brand p{letter-spacing:.08em;margin:8px 0 0;font-size:10px;font-weight:700}.agreement-parties{border:1px solid #aaa;grid-template-columns:1fr 1fr;gap:6px 20px;margin-bottom:15px;padding:10px 14px;display:grid}.agreement-parties p{margin:0;font-size:10px}.agreement-terms{margin-top:18px;font-size:11px;line-height:1.5}.agreement-terms h3{margin:0 0 7px;font-size:13px}.agreement-terms ol{margin:0;padding-left:20px}.agreement-terms li{margin-bottom:5px}.agreement-signatures{grid-template-columns:repeat(4,1fr);gap:28px 16px;margin-top:55px;display:grid}.agreement-signatures div{border-top:1px solid #333;flex-direction:column;min-height:48px;padding-top:6px;font-size:9px;display:flex}.agreement-signatures span{margin-top:4px;font-size:10px}}@media (width<=760px){.mobile-dashboard .mobile-stats{grid-template-columns:1fr}}.row-action,.row-actions button{border:1px solid var(--line);color:#286657;white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.row-action svg,.row-actions svg,.complete-label svg{width:13px;height:13px}.complete-label{color:#38806d;align-items:center;gap:5px;font-size:9px;font-weight:700;display:inline-flex}.row-actions{align-items:center;gap:6px;display:flex}.row-actions button:last-child{color:#725526;background:#fffaf0;border-color:#eadcc3}.row-actions button:disabled{color:#81908c;cursor:default;background:#f3f5f4}.reviewed-row{background:#f6fbf8}.reviewed-row:hover{background:#f1f8f4}.doc-cell{gap:8px}.doc-cell .badge{margin-left:4px}.small-modal{max-width:430px}.form-grid.single{grid-template-columns:1fr}.mobile-document-reference{color:#7c8a86;margin-top:2px;font-size:8px;font-weight:500;display:none}.reference-column{min-width:140px;font-weight:600}.missing-reference{color:#8b9895;font-weight:500}.document-reference{color:#243a35;align-items:center;gap:7px;display:inline-flex}.document-reference>button{border:1px solid var(--line);color:#356c5f;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:32px;min-height:32px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex}.document-reference>button:hover{background:#edf6f2;border-color:#cfe1da}.document-reference>button svg{width:13px;height:13px}.expiry-table .doc-cell>div{flex-direction:column;display:flex}.toolbar .filter-row{margin-bottom:0}.employee-selector{position:relative}.assign-modal .employee-selector:focus-within{z-index:4}.employee-search{background:#fff;border:1px solid #dce3df;border-radius:8px;align-items:center;height:38px;padding:0 10px;display:flex}.employee-search:focus-within{border-color:#367768;box-shadow:0 0 0 3px #36776816}.employee-search svg{color:#81908c;flex:none;width:14px}.employee-search input{min-width:0;box-shadow:none!important;border:0!important;padding:0 8px!important}.employee-results{z-index:60;border:1px solid var(--line);background:#fff;border-radius:9px;max-height:min(250px,40vh);padding:5px;position:absolute;top:43px;left:0;right:0;overflow:auto;box-shadow:0 12px 30px #173b3225}.employee-results button{text-align:left;background:#fff;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.employee-results button:hover{background:#f2f7f4}.employee-results button>span{flex-direction:column;min-width:0;display:flex}.employee-results b{color:#243a35;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.employee-results small{color:#84918e;font-size:8px;font-weight:500}.employee-results p{color:#7b8985;text-align:center;margin:13px;font-size:10px}.field-help{font-size:8px;font-weight:600;line-height:1.4;display:block}.success-help{color:#2e7a65}.warning-help{color:#b16c1b}.workflow-help,.form-error{border-radius:8px;grid-column:1/-1;align-items:center;gap:7px;margin:0;padding:9px 11px;font-size:9px;line-height:1.45;display:flex}.workflow-help{color:#526b65;background:#f0f6f3}.form-error{color:#ad4938;background:#fff0ed}.workflow-help svg,.form-error svg{flex:none;width:14px}.vehicle-warning-action{grid-column:1/-1;margin-top:-5px}.vehicle-warning-action button{color:#286b5b;text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:9px;font-weight:800;text-decoration:underline;display:inline-flex}.vehicle-warning-action svg{width:14px}.modal-actions .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (width<=760px){.row-actions{flex-direction:column;align-items:stretch}.row-actions button{justify-content:center}.expiry-table .reference-column{display:none}.mobile-document-reference{margin-top:3px;display:inline-flex}.expiry-table table{min-width:760px}.mobile-document-reference>button{min-width:36px;min-height:36px}}.master-template-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.master-template-card{text-align:left;border:1px solid var(--border,#d9e4df);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;gap:14px;width:100%;min-height:190px;padding:16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.master-template-card:hover{border-color:#74b39b;transform:translateY(-1px);box-shadow:0 10px 30px #0f473914}.master-template-card.selected{border-color:#0f8b6f;box-shadow:0 0 0 3px #0f8b6f1f}.master-template-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.master-template-icon{color:#0f6b56;background:#e8f7f1;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.master-template-icon svg{width:22px;height:22px}.master-template-body h4{color:#12372f;margin:0;font-size:16px;font-weight:800;line-height:1.25}.master-template-body p{color:#4f635d;margin:7px 0 0;font-size:13px;line-height:1.45}.master-template-body small{color:#6f7f79;margin-top:10px;font-size:12px;line-height:1.45;display:block}.master-template-actions{margin-top:auto}