:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#121826;--muted:#667085;--line:#d9e2f1;--panel:#fff;--soft:#f4f7fb;--blue:#0b71f0;--green:#047857;--red:#b42318;--amber:#b54708}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#eef3f9;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;color:#667085;background:#f1f4f8}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd8e6;border-radius:8px;outline:none;padding:11px 12px}textarea{resize:vertical;min-height:86px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b71f024}label{color:#344054;gap:7px;font-size:13px;font-weight:700;display:grid}h1,h2,p{margin:0}h1{margin-top:4px;font-size:30px}h2{font-size:18px}.login-page{background:#101827;place-items:center;min-height:100vh;padding:22px;display:grid}.login-panel{border:1px solid var(--line);background:#fff;border-radius:8px;gap:16px;width:min(100%,420px);padding:28px;display:grid;box-shadow:0 24px 70px #0000003d}.login-panel img{object-fit:contain;justify-self:center;width:160px;height:160px}.login-panel h1,.login-panel p{text-align:center}.login-panel p{color:var(--muted);margin-top:7px}.page{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#101827;flex-direction:column;gap:28px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.brand-block,.topbar,.topbar-actions,.user-pill,.nav-button,.primary,.secondary,.ghost-button{align-items:center;display:flex}.brand-block{gap:12px}.brand-block img{object-fit:contain;background:#fff;border-radius:8px;width:54px;height:54px}.brand-block strong,.brand-block span{display:block}.brand-block strong{font-size:18px}.brand-block span,.sidebar-total span,.topbar p,.metric-card span,.compact-list span,.employee-main span{color:#8ea0ba;font-size:13px}nav{gap:8px;display:grid}.nav-button{text-align:left;color:#c8d4e6;background:0 0;gap:10px;width:100%;padding:11px 12px}.nav-button:hover,.nav-button.active{color:#fff;background:#ffffff14}.sidebar-total{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;margin-top:auto;padding:18px}.sidebar-total strong{margin-top:6px;font-size:24px;display:block}.workspace{padding:28px}.topbar{justify-content:space-between;gap:18px;margin-bottom:18px}.topbar-actions{gap:10px}.user-pill{border:1px solid var(--line);background:#fff;border-radius:8px;gap:9px;padding:8px 12px}.user-pill span,.avatar{color:#0b56bd;background:#e8f1ff;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.view-stack{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel,.alert{background:var(--panel);border:1px solid var(--line);border-radius:8px}.metric-card{gap:9px;min-height:136px;padding:18px;display:grid}.metric-card div{color:#0b56bd;background:#e8f1ff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{font-size:24px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;display:grid}.panel{padding:22px}.toolbar-panel{justify-content:space-between;gap:14px;display:flex}.section-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-title span{color:#fff;background:var(--blue);border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.compact-list{gap:10px;display:grid}.compact-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:12px 0;display:flex}.compact-list strong,.compact-list span{display:block}.compact-list span{color:var(--muted);margin-top:4px}.compact-list.people>div{justify-content:flex-start}.employee-table{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.employee-table-head,.employee-table-row{grid-template-columns:1.45fr .85fr 1fr .7fr .75fr 54px 104px;align-items:center;gap:12px;padding:12px 14px;display:grid}.employee-table-head{color:#fff;background:#101827;font-size:12px;font-weight:900}.employee-table-row{border-top:1px solid var(--line);color:#344054;min-height:66px;font-size:14px}.employee-main,.row-actions{align-items:center;gap:10px;display:flex}.employee-main strong,.employee-main span{display:block}.employee-main span{color:var(--muted);margin-top:3px}.row-actions{justify-content:flex-end}.status{color:#344054;background:#f1f4f8;border-radius:999px;width:max-content;padding:6px 10px;font-size:12px;font-weight:900}.status.active{color:var(--green);background:#ecfdf3}.status.on-leave{color:var(--amber);background:#fffaeb}.status.inactive{color:#475467;background:#f2f4f7}.search-box{align-items:center;width:min(100%,420px);display:flex;position:relative}.search-box svg{color:var(--muted);position:absolute;left:12px}.search-box input{padding-left:40px}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.primary,.secondary,.ghost-button{justify-content:center;gap:8px;min-height:42px;padding:11px 14px}.primary{color:#fff;background:var(--blue);min-width:150px}.secondary{color:#0b56bd;background:#e8f1ff}.ghost-button{color:#344054;background:#eef3f9}.icon-button{color:#475467;background:#f1f4f8;place-items:center;width:38px;height:38px;display:grid}.icon-button.danger{color:var(--red);background:#fff1f0}.empty-state{min-height:116px;color:var(--muted);text-align:center;background:#f8fafc;border:1px dashed #b8c5d8;border-radius:8px;place-items:center;gap:12px;padding:26px;font-weight:700;display:grid}.compact-empty{min-height:74px;padding:16px}.action-empty .secondary{width:max-content}.alert{padding:14px 16px}.error{color:var(--red);background:#fffbfa;border-color:#fecdca}.modal-backdrop{z-index:20;background:#1018279e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.saving-overlay{z-index:35;color:#fff;background:#10182757;place-items:center;gap:12px;display:grid;position:fixed;inset:0}.loader{border:4px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.side-panel,.download-modal{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,760px);max-height:calc(100vh - 36px);padding:26px;overflow:auto;box-shadow:0 24px 70px #10182747}.document-panel{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:14px;padding:16px;display:grid}.document-panel .section-title{margin-bottom:0}.document-upload{grid-template-columns:160px minmax(0,1fr) 130px;align-items:end;gap:12px;display:grid}.selected-file{border:1px solid var(--line);color:#344054;overflow-wrap:anywhere;background:#fff;border-radius:8px;grid-column:1/-1;padding:9px 11px;font-size:13px;font-weight:700}.document-list{gap:10px;display:grid}.document-list>div{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:10px 12px;display:grid}.document-list svg{color:#0b56bd}.document-list strong,.document-list span{display:block}.document-list span{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:13px}.document-backdrop{z-index:30}.document-viewer{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(100%,1040px);height:min(100%,760px);padding:20px;display:grid;box-shadow:0 24px 70px #10182747}.document-viewer iframe{border:1px solid var(--line);background:#f8fafc;border-radius:8px;width:100%;height:100%}.readonly-modal{border:1px solid var(--line);background:#fff;border-radius:8px;gap:18px;width:min(100%,920px);max-height:calc(100vh - 36px);padding:26px;display:grid;overflow:auto;box-shadow:0 24px 70px #10182747}.readonly-summary-bar{background:var(--soft);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.readonly-summary-bar strong{font-size:16px}.readonly-summary-bar>span:last-child{color:var(--muted);font-weight:700}.readonly-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.readonly-grid input,.readonly-modal textarea{color:#475467;background:#f8fafc}.readonly-documents{background:#fff}.side-panel{gap:16px;display:grid}.download-modal{text-align:center;width:min(100%,420px)}.download-modal svg{color:var(--red)}.download-modal p{color:var(--muted);margin:10px 0 20px}.modal-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-title-row span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.modal-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=1080px){.metric-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (width<=820px){.page{grid-template-columns:1fr}.sidebar{height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:18px}.topbar,.topbar-actions,.toolbar-panel{flex-direction:column;align-items:stretch}.metric-grid,.grid.two,.readonly-grid,.employee-table-head,.employee-table-row,.document-upload,.modal-actions{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.primary,.search-box{width:100%}}