@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172235;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}h1,h2,p{margin-top:0}h1,h2,b,strong{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1.1px;margin:5px 0 9px}h2{font-size:15px;letter-spacing:-.3px;margin:0}p{color:#788395;font-size:13px;line-height:1.6}small{font-size:11px}.muted{color:#8d98a8}.layout{display:flex;min-height:100vh}.sidebar{background:#0f1b2e;color:#fff;width:252px;flex-shrink:0;display:flex;flex-direction:column;padding:27px 15px;position:sticky;top:0;height:100vh}.brand,.login-brand{display:flex;align-items:center;gap:11px;padding:0 14px}.brand b,.login-brand b{font-size:14px;letter-spacing:2.4px;font-weight:800}.brand small,.login-brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#8c9bad;margin-top:3px}.logo{display:grid;place-items:center;width:36px;height:36px;background:#c2ef49;color:#112122;border-radius:10px;font:800 23px Manrope}.navtitle{font-size:9px;letter-spacing:2px;font-weight:700;color:#6e7d92;margin:55px 14px 14px}nav{display:grid;gap:5px}nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;text-align:left;color:#a8b5c8;padding:13px 15px;border-radius:9px;font-size:12px;font-weight:700}nav button:hover{background:#1d2c43;color:#fff}nav button.active{background:#c2ef49;color:#19251b}.sidebar-bottom{margin-top:auto}.device-box{background:#17263c;border:1px solid #29384d;border-radius:11px;padding:15px;margin-bottom:18px;font-size:12px}.device-box small{display:block;color:#8d9db0;margin-top:9px;line-height:1.3}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7acb6d;margin-right:6px;box-shadow:0 0 0 3px #7acb6d26}.userbox{border-top:1px solid #2b384c;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.userbox b{font-size:12px}.userbox small{display:block;color:#91a0b3;text-transform:capitalize}.userbox button{margin-left:auto;background:none;border:0;color:#a2b1c7}.avatar{width:31px;height:31px;border-radius:50%;background:#e3eaf0;color:#344454;display:grid;place-items:center;font-weight:800;font-size:12px}.main{flex:1;min-width:0}.topbar{height:71px;background:#fff;border-bottom:1px solid #e9edf2;padding:0 39px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{letter-spacing:1.4px;font-size:10px;font-weight:700;color:#a8b0bf}.breadcrumb span{padding:0 10px;color:#d1d7de}.breadcrumb strong{color:#29374a}.top-actions{display:flex;align-items:center;gap:26px}.live{font-size:11px;font-weight:700;color:#69798b}.content{max-width:1510px;margin:0 auto;padding:33px 39px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:26px}.page-head p{margin:0}.eyebrow{color:#8b97a9;font-size:9px;letter-spacing:2px;font-weight:800}.outline,.dark,.primary{border:1px solid #d9e0e8;border-radius:8px;background:#fff;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex;gap:9px;justify-content:center;align-items:center}.outline:hover{background:#f3f6fa}.dark{background:#142236;color:#fff;border-color:#142236}.dark:hover{background:#253a54}.link{background:transparent;border:0;color:#416094;font-size:12px;font-weight:700}.filters{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid #e8edf2;padding:14px 17px;border-radius:12px;margin-bottom:23px;flex-wrap:wrap}.filters label{font-size:10px;color:#8793a2;font-weight:700;display:grid;gap:6px}.filters input,.filters select{height:37px;border:1px solid #e1e6ed;padding:0 11px;border-radius:7px;color:#28384b;background:#fff;min-width:135px;font-size:12px}.filters button{margin-left:auto;height:37px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.metric{background:#fff;border:1px solid #e9edf2;border-radius:13px;padding:21px;min-height:152px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8a97a7;font-size:10px;font-weight:800;letter-spacing:1px}.metric-icon{width:33px;height:33px;border-radius:9px;background:#f1f5f8;display:grid;place-items:center;color:#627489}.metric strong{display:block;font-size:30px;margin:11px 0 5px;letter-spacing:-1px}.metric small{color:#9ba4b0}.two-cols{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border:1px solid #e8edf2;border-radius:13px;overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid #f0f2f5;gap:15px}.panel-head p{margin:5px 0 0;font-size:11px}.bars{padding:21px 23px 5px}.bar-row{margin-bottom:19px}.bar-row>div:first-child{display:flex;justify-content:space-between;color:#627086;font-size:12px;margin-bottom:9px}.bar-row b{color:#233247}.track{height:8px;background:#f1f3f6;border-radius:20px;overflow:hidden}.fill{height:100%;border-radius:20px}.fill.green{background:#72b987}.fill.gold{background:#e5b65a}.fill.purple{background:#9c8cc6}.fill.gray{background:#c5ccd5}.hint{margin:10px 22px 22px;border-radius:8px;background:#f8f6ed;padding:12px;color:#8c794d;font-size:11px;display:flex;align-items:start;gap:8px}.chip{background:#ecf8ed;color:#3b9b5d;padding:6px 9px;border-radius:6px;font-weight:800;font-size:9px;letter-spacing:1px}.policy{padding:17px 23px}.policy div{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #f1f3f6;gap:10px;font-size:12px}.policy div:last-child{border:0}.policy span{color:#8995a3}.policy b{text-align:right;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:790px}th{text-align:left;background:#fafbfc;color:#919dad;font-size:9px;letter-spacing:1.2px;padding:14px 20px;white-space:nowrap}td{padding:14px 20px;border-top:1px solid #f0f2f5;font-size:12px;color:#56667a;white-space:nowrap}td b{font-size:12px;color:#25344a}tr:hover td{background:#fcfdfe}.person{display:flex;align-items:center;gap:10px}.person small{display:block;color:#99a4b1;margin-top:3px}.small-avatar{width:29px;height:29px;background:#eaf0ed;color:#4e7863;border-radius:8px;display:grid;place-items:center;font-weight:800}.mono{font-variant-numeric:tabular-nums}.bold-green{font-weight:800;color:#3b9571}.status{padding:6px 9px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}.status.good{color:#328357;background:#eaf6ee}.status.warn{color:#a97817;background:#fff5df}.status.neutral{color:#7f8a99;background:#f1f3f5}.status.review{color:#9264a5;background:#f6edfa}.verified{display:block;margin-top:5px;color:#40855b}.search{display:flex;align-items:center;border:1px solid #e3e8ee;border-radius:8px;gap:7px;padding:0 10px;color:#9aa5b4}.search input{border:0;outline:0;height:34px;min-width:120px;font-size:12px}.row-actions{display:flex;gap:8px}.row-actions button{border:0;border-radius:6px;background:#f2f5f8;padding:6px 8px;color:#56697d;font-size:10px;font-weight:700}.row-actions button:hover{background:#dfebf4}.empty{text-align:center;padding:35px;color:#a8b1bd}.event-list{padding:14px 23px}.event-list>div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eff2f5}.event-list b{font-size:12px;text-transform:capitalize}.event-list p{margin:5px 0 0;font-size:11px}.event-dot{background:#c2ef49;border:4px solid #f1f9dd;border-radius:50%;width:14px;height:14px;flex-shrink:0;margin-top:2px}footer{padding:17px 0;color:#a2adbb;font-size:10px}.notice{display:flex;align-items:center;gap:10px;border-radius:9px;padding:13px 15px;margin-bottom:17px;font-size:12px}.notice.error{color:#a34d4d;background:#fff0ee}.notice button{margin-left:auto;border:0;background:none;color:inherit}.login-page{min-height:100vh;background:#101e30;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;color:#fff}.login-brand{margin-bottom:30px}.login-card{background:#fff;color:#192b3e;width:100%;max-width:420px;padding:38px;border-radius:17px}.login-card h1{font-size:31px;margin:8px 0}.login-card p{margin-bottom:26px}.login-card form,.modal form{display:grid;gap:17px}.login-card label,.modal label{display:grid;gap:7px;color:#5c6b7e;font-size:12px;font-weight:700}.login-card input,.modal input,.modal select,.modal textarea{width:100%;border:1px solid #dfe5ec;border-radius:8px;padding:12px 11px;color:#172438;outline-color:#7eb27d}.login-card .primary{background:#c2ef49;border:0;color:#162418;justify-content:space-between;padding:14px}.login-card>.muted{display:block;margin-top:25px;text-align:center}.login-foot{color:#718096;margin-top:25px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1825aa;z-index:10;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:14px;width:min(460px,100%);max-height:90vh;overflow:auto;padding:23px}.modal-head{display:flex;justify-content:space-between;margin-bottom:18px}.modal-head h2{font-size:21px;margin:7px 0}.modal-head p{margin:0}.modal-head button{background:none;border:0;align-self:start}.modal textarea{min-height:80px;resize:vertical}.modal .checkbox{display:flex;align-items:center}.modal .checkbox input{width:auto}.modal-foot{display:flex;justify-content:end;gap:10px}.modal .hint{margin:0}.mobile-close,.hamburger{display:none}@media (max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.two-cols{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{position:fixed;z-index:8;left:-275px;transition:left .2s}.sidebar.show{left:0}.mobile-close,.hamburger{display:block;border:0;background:none;color:inherit}.mobile-close{margin-left:auto}.topbar{padding:0 18px}.content{padding:25px 16px}.page-head h1{font-size:25px}.page-head{align-items:start}.cards{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px;min-height:126px}.metric strong{font-size:23px}.metric-top{font-size:8px}.filters button{margin-left:0}.top-actions .live{display:none}.breadcrumb{margin-right:auto;margin-left:10px}}@media (max-width:420px){.cards{grid-template-columns:1fr}.page-head{flex-direction:column}}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 18px;border-top:1px solid #e7edf2;font-size:12px;color:#64748b}.pager button{padding:8px 12px}.pager button:disabled{opacity:.4;cursor:not-allowed}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.settings-panel{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.settings-panel h2{margin:0 0 16px;font-size:17px}.settings-panel label{display:block;margin:12px 0;font-size:12px;color:#4e647b;font-weight:600}.settings-panel input,.settings-panel select,.settings-panel textarea{display:block;width:100%;padding:11px;border:1px solid #dce3ea;border-radius:8px;margin-top:5px;background:#fff}.settings-panel button{background:#142238;color:#fff;padding:10px 14px;border-radius:8px;border:0;cursor:pointer}.settings-panel li{padding:9px 0;border-bottom:1px solid #eee;font-size:13px}.settings-panel small{color:#64748b}.settings-panel button:disabled{opacity:.45}.settings-panel .inline{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.settings-panel .inline button{padding:6px 9px}.settings-panel .danger{background:#a33b3b}.payroll-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:14px;margin-bottom:14px}.payroll-toolbar label{min-width:140px}.payroll-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.payroll-forms form{display:grid;gap:12px}.payroll-forms label{display:grid;gap:6px}.payroll-forms input,.payroll-forms select,.payroll-toolbar input,.payroll-toolbar select{padding:10px;border-radius:8px;border:1px solid #d9e0e8;background:#fff;max-width:100%;width:100%}.bulk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.bulk-check{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid #e1e7ef;border-radius:8px}.bulk-check small{margin-left:auto;color:#72839a}@media (max-width:900px){.payroll-forms{grid-template-columns:1fr}.bulk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.final-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.final-tabs button{border:1px solid #dfe5eb;background:#fff;border-radius:8px;padding:9px 12px;font-size:12px}.final-tabs button.selected{background:#c2ef49;color:#122338;border-color:#c2ef49;font-weight:800}.final-item{border-bottom:1px solid #e4eaf1;padding:13px 0}.final-item small{display:block;color:#8493a5;margin:5px 0}.final-actions{display:flex;gap:8px;flex-wrap:wrap}.final-actions button,.final-item button{border:0;background:#152539;color:#fff;border-radius:7px;padding:9px 12px}.final-workflows .settings-grid{margin-bottom:16px}.final-workflows .settings-panel{min-width:0}.hr-filterbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.hr-filterbar label{min-width:170px;flex:1}.hr-filterbar input,.hr-filterbar select{width:100%;padding:10px;border:1px solid #dfe6ed;border-radius:8px}.hr-pager{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}.hr-pager button,.hr-filterbar button{border:0;background:#122238;color:#fff;border-radius:7px;padding:10px 15px}.hr-pager button:disabled{opacity:.4}.hr-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:20px 0}.hr-metrics>div{border:1px solid #e1e7ee;padding:15px;border-radius:9px}.hr-metrics small{display:block;color:#718097}.hr-metrics strong{font-size:23px}.hr-dialog-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#07132799;z-index:100;display:grid;place-items:center;padding:20px}.hr-dialog{width:min(480px,100%);background:#fff;border-radius:12px;padding:24px}.hr-dialog label{display:block;margin:14px 0}.hr-dialog input,.hr-dialog textarea{width:100%;padding:10px;border:1px solid #d8e0e8;border-radius:7px}.hr-success{background:#eaf6ed;padding:12px;border-radius:8px}.payroll-page .table-scroll td:first-child,.payroll-page .table-scroll th:first-child{position:sticky;left:0;background:#fff;z-index:1}.payroll-page .table-scroll th:first-child{background:#fafbfc}.payroll-page table td,.payroll-page table th{padding:11px 12px}.payroll-page .table-scroll{max-height:70vh;overflow:auto}.final-workflows .hr-payment-grid{grid-template-columns:minmax(230px,.9fr) minmax(370px,1.4fr) minmax(230px,.9fr);gap:14px;align-items:start}.final-workflows .hr-payment-grid .hr-balance-table{overflow-x:auto;max-width:100%}.final-workflows .hr-payment-grid .hr-balance-table table{min-width:0;width:100%;table-layout:auto}.final-workflows .hr-payment-grid .hr-balance-table th,.final-workflows .hr-payment-grid .hr-balance-table td{padding:10px 7px;font-size:11px;white-space:normal;overflow-wrap:anywhere;letter-spacing:0}@media (max-width:1250px){.final-workflows .hr-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-workflows .hr-payment-grid>.settings-panel:last-child{grid-column:1/-1}}@media (max-width:760px){.final-workflows .hr-payment-grid{grid-template-columns:minmax(0,1fr)}.final-workflows .hr-payment-grid>.settings-panel:last-child{grid-column:auto}}