@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap";:root{--brand-primary:#1C4B42;--brand-lime:#B4E717;--brand-soft:#EDF3E4;--canvas:#F6F5F2;--text:#213D35;--text-muted:#63736B;--border:#E1E6DE}:root{font-family:Work Sans,sans-serif;color:var(--text);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Work Sans,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:256px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:28px 16px;position:fixed;inset:0 auto 0 0;z-index:5}.logo{display:flex;align-items:center;gap:10px;padding:0 10px 48px;font-size:21px;font-weight:800;letter-spacing:-1px}.brand-icon{background:var(--brand-primary);color:#fff;border-radius:12px;display:grid;place-items:center;width:40px;height:40px}.accent{color:var(--brand-primary)}.nav-label,.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--text-muted)}.nav-label{padding:0 15px 14px}.sidebar nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:var(--text-muted);padding:14px 16px;display:flex;align-items:center;gap:14px;text-align:left;border-radius:10px;font-weight:700}.nav.active{background:var(--brand-soft);color:var(--brand-primary)}.active-dot{width:6px;height:6px;background:var(--brand-primary);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:22px 4px 0}.user-circle,.avatar{background:var(--brand-soft);color:var(--brand-primary);font-weight:800;border-radius:50%;display:grid;place-items:center}.user-circle{width:39px;height:39px}.avatar{width:34px;height:34px}.user-info{display:grid;gap:3px;flex:1;min-width:0}.user-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info span{font-size:11px;text-transform:capitalize;color:var(--text-muted)}.icon-button{border:0;background:transparent;color:var(--text-muted);padding:7px}.main{margin-left:256px;width:calc(100% - 256px)}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 45px}.breadcrumbs{font-size:13px;color:var(--text-muted)}.breadcrumbs span{padding:0 11px;color:#c7cbd5}.breadcrumbs strong{color:var(--text)}.top-right{display:flex;align-items:center;gap:25px}.pill{font-size:11px;color:#279a69;background:#eaf9f1;padding:8px 12px;border-radius:20px;font-weight:700}.content{max-width:1380px;margin:auto;padding:45px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:15px}.eyebrow{margin-bottom:12px}.page-head h1{font-size:29px;letter-spacing:-1.2px;margin-bottom:10px}.page-head p,.muted{color:var(--text-muted);font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:25px}.stat,.panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #20263a04}.stat{padding:25px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:13px;font-weight:600}.stat-icon{width:44px;height:44px;background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center;border-radius:12px}.stat>strong{display:block;font-size:34px;letter-spacing:-1px;margin:6px 0}.stat small{color:var(--text-muted)}.panel{padding:28px;margin-bottom:24px}.welcome{display:flex;justify-content:space-between;align-items:center;min-height:240px;background:linear-gradient(110deg,#fff 0%,#fff 60%,var(--brand-soft) 100%)}.welcome h2{font-size:23px;max-width:460px;line-height:1.4}.welcome p{max-width:540px;font-size:13px;line-height:1.8;color:var(--text-muted)}.decor{color:#9ebf8f;padding:25px 65px}.primary,.secondary{border:0;border-radius:10px;padding:12px 18px;display:inline-flex;gap:10px;align-items:center;justify-content:center;font-weight:700;font-size:13px}.primary{background:var(--brand-primary);color:#fff}.secondary{background:var(--brand-soft);color:var(--brand-primary)}.panel h3{font-size:16px;margin-bottom:22px}.progress-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:12px}.progress-row strong{color:var(--brand-primary)}.progress{height:9px;background:var(--brand-soft);border-radius:9px;overflow:hidden;margin-bottom:12px}.progress span{display:block;width:32%;height:100%;background:var(--brand-primary);border-radius:9px}.table-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.table-head h3{margin:0}.count{font-size:11px;color:var(--brand-primary);background:var(--brand-soft);padding:4px 8px;border-radius:20px;margin-left:5px}.search{border:1px solid var(--border);border-radius:9px;padding:10px 13px;display:flex;gap:8px;align-items:center;color:var(--text-muted)}.search input{border:0;outline:0;min-width:200px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:11px;color:var(--text-muted);background:var(--canvas);padding:15px;text-transform:uppercase;letter-spacing:.5px}td{font-size:12px;color:var(--text-muted);padding:18px 15px;border-bottom:1px solid var(--border)}.employee{display:flex;align-items:center;gap:12px}.employee-avatar{height:37px;width:37px;border-radius:10px;background:var(--brand-soft);color:var(--brand-primary);display:grid;place-items:center;font-weight:800}.employee strong,.employee small{display:block}.employee strong{color:var(--text);margin-bottom:4px}.employee small{color:var(--text-muted)}.status{background:#e8f8ef;color:#289c6b;border-radius:20px;padding:6px 11px;text-transform:capitalize;font-weight:700;font-size:11px}.status.inactive{background:#ffeded;color:#c45656}.status.on_leave{background:#fff5e4;color:#b9872d}.empty{text-align:center;padding:45px}.placeholder{text-align:center;padding:90px 25px}.placeholder p{color:var(--text-muted)}.placeholder-icon{margin:0 auto 18px;background:var(--brand-soft);color:var(--brand-primary);width:70px;height:70px;display:grid;place-items:center;border-radius:18px}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,var(--brand-soft),var(--canvas) 55%)}.login-card{width:min(430px,92vw);background:#fff;padding:40px;border:1px solid #eee;border-radius:20px;box-shadow:0 25px 80px #1c4b4217}.login-card h1{margin:25px 0 8px}.login-card p{color:var(--text-muted);font-size:13px}.login-card form{margin:28px 0;display:grid;gap:17px}label{font-size:12px;font-weight:700;color:var(--text);display:grid;gap:8px}label input,label select{border:1px solid var(--border);border-radius:9px;padding:12px;outline:0;background:#fff;min-width:0}label input:focus,label select:focus{border-color:var(--brand-primary)}.login-card .primary{width:100%;margin-top:5px}.login-card small{display:flex;align-items:center;gap:6px;justify-content:center;color:var(--text-muted)}.error{color:#c33d48!important;font-size:12px}.alert{background:#fff0f0;padding:12px;border-radius:8px}.loading{padding:80px;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10162c77;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:18px;padding:28px;width:min(650px,100%);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.modal-head h2{margin-bottom:5px}.modal-head p{color:var(--text-muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.mobile{display:none}@media (max-width:1050px){.sidebar{width:215px}.main{margin-left:215px;width:calc(100% - 215px)}.content{padding:30px}.topbar{padding:0 30px}.stats{gap:12px}}@media (max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:255px;box-shadow:10px 0 30px #0000000c}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%}.mobile{display:block}.topbar{height:65px;padding:0 18px}.breadcrumbs{margin-right:auto;margin-left:10px}.content{padding:25px 17px}.page-head h1{font-size:23px}.stats{grid-template-columns:1fr}.welcome .decor,.pill{display:none}.form-grid{grid-template-columns:1fr}.page-head{align-items:start}.table-head{flex-wrap:wrap}.search,.search input{width:100%}}.profile-modal{width:min(850px,96vw)}.profile-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.profile-details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;background:var(--canvas);border-radius:12px;margin-bottom:25px}.profile-details div{display:grid;gap:7px;min-width:0}.profile-details small,.record-row small{color:var(--text-muted);font-size:11px}.profile-details strong{font-size:13px;overflow-wrap:anywhere}.record-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.record-row strong,.record-row small{display:block;margin:3px 0}.inline-form{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 30px}.inline-form input,.inline-form select{min-width:120px;flex:1;border:1px solid var(--border);border-radius:9px;padding:10px}.small-btn{padding:8px 10px}.profile-modal h3{margin:24px 0 10px}@media (max-width:760px){.profile-details{grid-template-columns:repeat(2,1fr)}}.attendance-panel .table-head{align-items:center;gap:16px;flex-wrap:wrap}.attendance-panel input,.attendance-panel select{min-width:100px;max-width:180px;padding:9px;border:1px solid var(--border);border-radius:8px;background:#fff}.attendance-panel td{vertical-align:middle}.attendance-panel td input{max-width:145px}.attendance-panel td input[type=time]{max-width:115px}.att-notice{color:#087b4a;font-weight:600}.report-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.report-actions input{padding:10px;border:1px solid var(--border);border-radius:8px}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:18px 0}.report-stats>div{border:1px solid var(--border);border-radius:12px;padding:15px}.report-stats small{display:block;color:#6c7286}.report-stats strong{display:block;font-size:24px;margin-top:6px}.finance-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.finance-detail-grid section{min-width:0}.finance-detail-grid h3{margin-bottom:12px}.finance-bars{height:230px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:12px 0 0;border-bottom:1px solid var(--border)}.finance-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0}.finance-bar-stack{height:185px;width:75%;max-width:36px;display:flex;flex-direction:column;justify-content:end}.finance-bar-expenses{background:var(--brand-primary);min-height:0}.finance-bar-payroll{background:#1c4b42;min-height:0}.finance-bar-col small{font-size:11px;color:var(--text-muted);padding:7px 0}@media (max-width:850px){.finance-detail-grid{grid-template-columns:1fr}.finance-bars{gap:3px}.finance-bar-col small{font-size:9px}}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.settings-grid input,.settings-grid select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font:inherit}@media (max-width:700px){.settings-grid{grid-template-columns:1fr}}.sidebar .logo.logo-image-only{padding:0 10px 38px;min-height:76px;justify-content:flex-start;overflow:hidden}.sidebar .sidebar-company-logo{display:block;width:auto;height:auto;max-width:100%;max-height:78px;object-fit:contain;object-position:left center;filter:none;-webkit-filter:none}.phase17-review{padding:18px 0;border-top:1px solid #e5e7eb;margin-top:14px}.phase17-review .table-wrap{overflow-x:auto}.phase17-review table{min-width:1000px}.salary-history-panel{margin:22px 0;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--canvas)}.salary-history-panel .inline-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0}.salary-history-panel .inline-form label{display:flex;flex-direction:column;gap:5px;min-width:140px;flex:1}.salary-history-panel .table-wrap{overflow-x:auto}.notification-holder,.notification-bell{position:relative}.notification-count{position:absolute;top:-5px;right:-6px;min-width:17px;height:17px;border-radius:20px;background:var(--brand-primary);color:#fff;font-size:10px;display:grid;place-items:center;padding:0 3px}.notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(370px,calc(100vw - 24px));background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 15px 45px #1d254026;z-index:100;padding:14px}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.notification-heading button{font-size:12px;padding:7px 9px}.notification-list{max-height:350px;overflow:auto}.notification-item{display:flex;flex-direction:column;gap:5px;width:100%;border:0;border-bottom:1px solid var(--border);background:#fff;text-align:left;padding:12px 8px;cursor:pointer;color:var(--text)}.notification-item.unread{background:var(--brand-soft)}.notification-item span{font-size:12px;line-height:1.4}.notification-item small{color:var(--text-muted)}.notification-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-category{display:inline-flex!important;width:max-content;border-radius:999px;background:var(--brand-soft);color:var(--brand-primary);padding:3px 8px;font-size:10px!important;font-weight:700}.notification-unread-dot{display:block!important;flex:none;width:8px;height:8px;border-radius:50%;background:var(--brand-primary)}.notification-item:hover,.notification-item:focus-visible{background:var(--brand-soft);outline-offset:-2px}.notification-item strong{font-size:13px}@media (max-width:600px){.notification-panel{position:fixed;top:62px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 80px);overflow:auto;padding:12px}.notification-list{max-height:calc(100dvh - 160px)}.notification-heading strong{font-size:16px}.notification-item{padding:12px 7px}}.performance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}.performance-summary>div{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--canvas);min-width:0}.performance-summary span{display:block;color:var(--text-muted);font-size:12px;margin-bottom:7px}.performance-summary strong{font-size:23px;color:var(--text)}.performance-table-wrap{max-width:100%;overflow-x:auto}.performance-table-wrap table{width:100%;min-width:0;table-layout:auto}.performance-table-wrap th,.performance-table-wrap td{vertical-align:middle}.performance-history .performance-preview{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18203599;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.performance-modal{background:#fff;border-radius:16px;padding:24px;width:min(650px,100%);max-height:85vh;overflow:auto;box-shadow:0 24px 65px #0002}.performance-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.performance-modal h4{margin:20px 0 6px}.performance-detail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.performance-tabs{flex-wrap:wrap}@media (max-width:700px){.performance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-modal{padding:18px}.performance-table-wrap table{min-width:650px}}.recruitment-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 22px}.recruitment-stats>div{border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--canvas)}.recruitment-stats small{display:block;color:var(--text-muted);margin-bottom:8px}.recruitment-stats strong{font-size:26px}.recruitment-tabs{display:flex;gap:10px;margin:20px 0}.recruitment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:950px;margin:16px 0 30px}.recruitment-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.recruitment-form input,.recruitment-form select,.recruitment-form textarea{width:100%;min-width:0;padding:11px;border:1px solid var(--border);border-radius:9px;font:inherit}.recruitment-wide{grid-column:1/-1}.recruitment-module .table-wrap{overflow-x:auto}.recruitment-module table{min-width:700px}@media (max-width:760px){.recruitment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.recruitment-form{grid-template-columns:1fr}}.hr-analytics-section{margin-top:24px}.hr-analytics-section h3{margin-bottom:12px}.hr-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.hr-analytics-stat{padding:18px;border:1px solid var(--border);background:var(--canvas);border-radius:14px;display:flex;flex-direction:column;gap:10px;min-width:0}.hr-analytics-stat small{color:#68758c}.hr-analytics-stat strong{font-size:24px;color:var(--text);overflow-wrap:anywhere}@media (max-width:650px){.hr-analytics-grid{grid-template-columns:1fr 1fr}.hr-analytics-stat{padding:12px}.hr-analytics-stat strong{font-size:19px}}@media print{.sidebar,.topbar,.report-actions{display:none!important}.main,.content{margin:0!important;padding:0!important}.hr-analytics-stat{break-inside:avoid}}.hr-detail-report{margin-top:32px;padding-top:22px;border-top:1px solid var(--border)}.hr-detail-report h3{margin-bottom:8px}.hr-detail-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:18px 0}.hr-detail-filters label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:12px}.hr-detail-filters input,.hr-detail-filters select{width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff}.hr-detail-report .table-wrap{margin-top:14px;overflow-x:auto}.hr-detail-report td{max-width:260px;white-space:normal;overflow-wrap:anywhere}@media print{.sidebar,.topbar,.report-actions,.hr-detail-filters{display:none!important}.hr-detail-report .table-wrap{overflow:visible}.hr-detail-report td{font-size:9px}}.offboarding-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:950px;margin:20px 0}.offboarding-form label,.offboarding-case label{display:grid;gap:6px;font-weight:600}.offboarding-form textarea,.offboarding-case textarea{min-height:70px}.offboarding-form button{justify-self:start}.offboarding-case{border:1px solid var(--border);border-radius:14px;padding:20px;margin:14px 0;display:grid;gap:14px}.offboarding-checks{display:flex;flex-wrap:wrap;gap:12px 24px}.offboarding-checks label{display:flex;align-items:center;gap:6px;font-weight:500}@media (max-width:700px){.offboarding-form{grid-template-columns:1fr}}.settlement-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.settlement-new{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.settlement-new label{min-width:270px;flex:1}.settlement-card{border:1px solid var(--border);border-radius:12px;padding:18px;margin:18px 0;background:#fff}.settlement-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.settlement-fields label{min-width:0}.settlement-fields input,.settlement-fields textarea,.settlement-fields select{width:100%;box-sizing:border-box}.settlement-wide{grid-column:1/-1}.settlement-totals{display:flex;gap:18px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border)}.settlement-totals span{display:flex;flex-direction:column;gap:6px}.settlement-actions{display:flex;gap:10px;flex-wrap:wrap}.settlement-payment{border-top:1px solid var(--border);margin-top:18px;padding-top:15px}@media (max-width:700px){.settlement-fields{grid-template-columns:1fr}}.audit-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0 22px}.audit-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;min-width:135px;flex:1}.audit-filters input{width:100%;min-width:0}.audit-filters button{white-space:nowrap}.table-wrap td code{font-size:12px;overflow-wrap:anywhere}.sidebar{width:272px;padding:22px 14px 14px;background:var(--brand-primary);color:#fff;border-right:0;height:100dvh;gap:0;z-index:5;overflow:hidden}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:52px}.sidebar .logo.logo-image-only{padding:0 10px;min-height:48px;max-width:100%;gap:10px;flex:1}.sidebar .logo.logo-image-only:has(img){background:#fff;border-radius:8px;padding:8px 10px;margin:0 6px}.sidebar .sidebar-company-logo{max-height:48px;max-width:100%;border-radius:6px}.brand-icon{background:var(--brand-lime);color:var(--brand-primary);flex-shrink:0}.brand-name{font-size:22px;color:#fff;letter-spacing:-.8px}.brand-name span{color:var(--brand-lime)}.workspace-caption{font-size:9px;letter-spacing:2px;color:#c1d5cc;padding:12px 10px 20px;font-weight:600;flex-shrink:0}.sidebar-search{display:flex;align-items:center;gap:9px;margin:0 6px 20px;padding:10px 11px;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9px;color:#c1d5cc;flex-shrink:0}.sidebar-search input{width:100%;min-width:0;border:0;background:transparent;outline:0;color:#fff;font-size:12px}.sidebar-search input::placeholder{color:#c1d5cc}.sidebar-search:focus-within{border-color:var(--brand-lime)}.sidebar-search .icon-button{padding:0;display:flex;color:#dce7e0}.sidebar nav.sidebar-navigation{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;padding:0 4px 12px}.nav-group{margin:0 0 14px}.nav-group-heading{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;color:#bfd3c9;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;padding:8px 10px;margin-bottom:4px;text-align:left}.nav-group-heading svg{transition:transform .15s}.nav-group-heading .rotated{transform:rotate(-90deg)}.nav-group-items:not([hidden]){display:grid;gap:3px}.nav-group-items[hidden]{display:none}.sidebar .nav{width:100%;padding:11px 12px;gap:11px;font-size:12px;font-weight:500;color:#e2ece6;min-height:42px;border-radius:8px;line-height:1.3;position:relative;transition:background .15s,color .15s}.sidebar .nav svg{flex-shrink:0}.sidebar .nav:hover{background:#ffffff12;color:#fff}.sidebar .nav.active{background:var(--brand-lime);color:var(--brand-primary);font-weight:700}.active-dot{background:var(--brand-primary);flex-shrink:0}.nav-empty{font-size:12px;color:#e2ece6;padding:12px}.sidebar-footer{flex-shrink:0;padding-top:10px;border-top:1px solid #ffffff24;background:var(--brand-primary)}.sidebar-collapse{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;background:none;border:0;border-radius:8px;color:#bfd3c9;font-size:11px;text-align:left}.sidebar-collapse:hover{background:#ffffff12;color:#fff}.sidebar-bottom{margin-top:10px;padding:12px 6px 0;border-top:1px solid #ffffff24;gap:9px}.sidebar .user-circle{background:#ffffff18;color:var(--brand-lime);width:34px;height:34px;flex-shrink:0;font-size:13px}.sidebar .user-info strong{color:#fff;font-weight:600}.sidebar .user-info span{color:#bfd3c9;font-size:10px}.sidebar .icon-button{color:#dce7e0}.sidebar .icon-button:hover{color:var(--brand-lime)}.sidebar-close,.sidebar-backdrop{display:none}.main{margin-left:272px;width:calc(100% - 272px);min-width:0}.topbar{border-bottom-color:var(--border)}.content{padding:36px}.page-head h1{letter-spacing:-.9px}.eyebrow{color:var(--brand-primary)}.primary{background:var(--brand-lime);color:var(--brand-primary);border:1px solid transparent;box-shadow:0 2px 4px #1c4b4208}.primary:hover{background:#a5d316}.secondary:hover{background:#e0e9d4}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.stat-icon{background:var(--brand-soft);color:var(--brand-primary)}.stat>strong{color:var(--brand-primary)}.welcome{background:linear-gradient(110deg,#fff 0%,#fff 50%,var(--brand-soft) 100%)}.progress span{background:var(--brand-primary)}.finance-bar-expenses{background:#92c200}.finance-bar-payroll{background:var(--brand-primary)}.auth{background:radial-gradient(ellipse at top right,#dfeabb,transparent 60%),var(--canvas)}.login-card{box-shadow:0 24px 70px #1c4b4212;border-color:var(--border)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.sidebar button:focus-visible{outline-color:var(--brand-lime);outline-offset:-2px}.sidebar .nav.active:focus-visible{outline:2px solid white;outline-offset:-4px}@media (min-width:761px){.sidebar.compact{width:82px;padding:22px 10px 14px}.sidebar.compact~.main{margin-left:82px;width:calc(100% - 82px)}.sidebar.compact .logo.logo-image-only{padding:0;justify-content:center}.sidebar.compact .sidebar-company-logo{max-height:42px}.sidebar.compact .brand-name,.sidebar.compact .workspace-caption,.sidebar.compact .sidebar-search,.sidebar.compact .nav-text,.sidebar.compact .active-dot,.sidebar.compact .nav-group-heading,.sidebar.compact .user-info,.sidebar.compact .sidebar-collapse span{display:none}.sidebar.compact .nav-group-items[hidden]{display:grid;gap:3px}.sidebar.compact .sidebar-brand{margin-bottom:20px}.sidebar.compact .nav-group{border-bottom:1px solid #ffffff24;padding-bottom:10px;margin-bottom:10px}.sidebar.compact .nav{justify-content:center;padding:12px}.sidebar.compact .sidebar-navigation{padding:0}.sidebar.compact .sidebar-collapse{justify-content:center}.sidebar.compact .sidebar-bottom{flex-direction:column;padding-top:12px}}@media (max-width:1050px) and (min-width:761px){.content{padding:28px}}@media (max-width:760px){.sidebar,.sidebar.compact{width:min(292px,calc(100vw - 48px));transform:translate(-100%);visibility:hidden;transition:transform .2s,visibility .2s;box-shadow:12px 0 48px #12302926;padding-top:16px;z-index:110}.sidebar.open{transform:translate(0);visibility:visible}.sidebar-close{display:flex;padding:8px}.sidebar-collapse{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#102e2777;border:0;z-index:109;cursor:default}.main{margin-left:0;width:100%}.content{padding:25px 17px}.topbar{gap:8px}.top-right{gap:14px}.breadcrumbs{min-width:0;font-size:12px}.breadcrumbs span{padding:0 4px}.topbar .mobile{flex-shrink:0}.page-head{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar .nav,.nav-group-heading svg{transition:none}}@media print{.sidebar-backdrop{display:none!important}.main{width:100%!important}}.employee-portal{min-width:0}.employee-portal .panel{margin:0 0 24px;padding:25px;min-width:0}.portal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-12px 0 22px;font-size:12px;color:var(--text-muted)}.portal-toolbar>span{display:flex;align-items:center;gap:7px}.portal-dot{height:6px;width:6px;border-radius:50%;background:#688c30}.portal-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--brand-primary);border-radius:18px;padding:32px;margin-bottom:22px;color:#fff;overflow:hidden;position:relative}.portal-kicker{font-size:10px;letter-spacing:1.4px;font-weight:600}.portal-welcome .portal-kicker{color:#c5d9cd}.portal-welcome h2{font-size:30px;letter-spacing:-1px;margin:12px 0;color:#fff}.portal-welcome h2 span{color:var(--brand-lime)}.portal-welcome p{color:#d4e2db;font-size:13px;line-height:1.6;margin-bottom:18px}.portal-welcome-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#e1eade}.portal-welcome-meta span{padding:6px 10px;border-radius:6px;background:#ffffff12}.portal-welcome-avatar{display:grid;place-items:center;flex-shrink:0;background:var(--brand-lime);color:var(--brand-primary);width:82px;height:82px;border-radius:24px;font-size:27px;font-weight:600;transform:rotate(-6deg);margin-right:10px}.portal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.portal-metric{border:1px solid var(--border);border-radius:14px;background:#fff;padding:20px;min-width:0}.portal-metric>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.portal-metric span{font-size:12px;color:var(--text-muted)}.portal-metric svg{color:var(--brand-primary)}.portal-metric>strong{display:block;font-size:30px;letter-spacing:-.9px;margin:14px 0 6px;color:var(--brand-primary);overflow-wrap:anywhere}.portal-metric small{font-size:11px;color:var(--text-muted)}.portal-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.portal-quick-actions button{border:1px solid var(--border);border-radius:11px;padding:16px;display:flex;align-items:center;gap:11px;color:var(--brand-primary);background:var(--brand-soft);font-size:12px;font-weight:600;text-align:left}.portal-quick-actions button span{flex:1}.portal-quick-actions button:hover{background:#e0e9d4}.portal-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}.portal-grid>.panel{height:100%}.portal-grid .table-wrap{width:100%}.portal-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.portal-panel-heading h2{font-size:16px;letter-spacing:-.3px;margin:0 0 7px}.portal-panel-heading p{font-size:12px;line-height:1.65;margin:0}.portal-text-button{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;border:0;background:none;padding:5px 0;font-size:11px;font-weight:600;color:var(--brand-primary)}.portal-status{display:inline-block;white-space:nowrap;text-transform:capitalize;border-radius:6px;padding:5px 8px;background:var(--brand-soft);color:var(--brand-primary);font-size:10px;font-weight:600}.portal-status.pending,.portal-status.late{background:#fff4dc;color:#865805}.portal-status.absent,.portal-status.rejected,.portal-status.cancelled{background:#fcebea;color:#a03e34}.portal-status.paid,.portal-status.present,.portal-status.approved,.portal-status.active{background:#eaf3e3;color:#3e6429}.portal-live>.panel{margin-top:0!important;border-left:3px solid var(--brand-primary)}.portal-live .report-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.portal-live .report-stats>div{padding:14px}.portal-live .report-stats strong{font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.portal-live .muted{line-height:1.65}.portal-balances{display:grid;gap:0}.portal-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.portal-balance:first-child{padding-top:0}.portal-balance>div{display:grid;gap:6px}.portal-balance>div:last-child{text-align:right}.portal-balance strong{font-size:12px;font-weight:600}.portal-balance>div:last-child strong{font-size:24px;color:var(--brand-primary)}.portal-balance span{font-size:10px;color:var(--text-muted)}.portal-footnote{font-size:10px;line-height:1.7;color:var(--text-muted);margin:16px 0 0}.portal-empty{display:grid;place-items:center;text-align:center;padding:32px 14px;color:var(--text-muted);gap:10px}.portal-empty svg{opacity:.5}.portal-empty p{margin:0;font-size:12px;line-height:1.7;max-width:320px}.portal-loading{color:var(--text-muted);font-size:13px}.portal-alert,.portal-notice{padding:15px 18px;margin-bottom:20px;border-radius:10px;font-size:12px;line-height:1.6}.portal-alert{color:#9d352b;background:#fceeed;border:1px solid #efd3cf}.portal-alert p{margin:5px 0 0}.portal-notice{color:var(--brand-primary);background:var(--brand-soft);border:1px solid #d5e1c6}.portal-unlinked{display:flex;gap:18px;align-items:start}.portal-unlinked svg{flex-shrink:0;color:var(--brand-primary)}.portal-unlinked h2{font-size:16px}.portal-unlinked p{font-size:12px;color:var(--text-muted);line-height:1.7;margin-bottom:0}.portal-form{display:grid;gap:18px}.portal-form label{position:relative;gap:9px;font-weight:500;font-size:12px}.portal-form input,.portal-form select,.portal-form textarea,.portal-filters input,.portal-filters select{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;padding:11px 12px;background:#fff;color:var(--text);font:inherit;font-size:12px}.portal-form textarea{resize:vertical;min-height:85px}.portal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.portal-form .primary{justify-self:start;min-height:42px}.portal-optional{position:absolute;right:0;top:0;color:var(--text-muted);font-size:10px;font-weight:400}.portal-leave-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.portal-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.portal-filters label{min-width:160px;flex:1;max-width:240px}.portal-filters .muted{align-self:center;font-size:11px;margin-left:auto}.portal-payslips{display:grid;gap:14px}.portal-payslip{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--border);border-radius:12px}.portal-payslip-icon,.portal-security-icon{display:grid;place-items:center;color:var(--brand-primary);background:var(--brand-soft);width:52px;height:60px;border-radius:10px;flex-shrink:0}.portal-payslip .portal-kicker{color:var(--text-muted);font-size:9px}.portal-payslip h3{font-size:16px;margin:6px 0}.portal-payslip-total{margin-left:auto;display:grid;gap:7px}.portal-payslip-total small{color:var(--text-muted);font-size:10px}.portal-payslip-total strong{font-size:19px;color:var(--brand-primary)}.portal-finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-finance-metrics .portal-metric>strong{font-size:24px}.portal-profile-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding-bottom:26px;margin-bottom:28px}.portal-profile-avatar{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border-radius:20px;background:var(--brand-primary);color:var(--brand-lime);font-size:25px;font-weight:600}.portal-profile-header h2{font-size:22px;margin:0 0 7px;letter-spacing:-.6px}.portal-profile-header p{color:var(--text-muted);font-size:12px;margin-bottom:10px}.portal-profile-code{font-size:10px;border-radius:5px;padding:5px 8px;background:var(--brand-soft);color:var(--brand-primary)}.portal-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:0}.portal-profile-details div{min-width:0}.portal-profile-details dt{font-size:11px;color:var(--text-muted);margin-bottom:8px}.portal-profile-details dd{font-size:13px;margin:0;overflow-wrap:anywhere}.portal-security{max-width:620px}.portal-security-icon{margin-bottom:20px;height:50px}.portal-spinning{animation:portal-spin 1s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}@media (max-width:1200px){.portal-grid{grid-template-columns:1fr}.portal-live .report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-grid>.panel{height:auto}.portal-metric{padding:16px}.portal-metrics{gap:12px}}@media (max-width:760px){.portal-welcome{padding:24px}.portal-welcome h2{font-size:25px}.portal-welcome-avatar{width:55px;height:55px;font-size:20px;border-radius:16px;margin:0}.portal-welcome-meta{gap:6px}.portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-metric>strong{font-size:26px}.portal-quick-actions{grid-template-columns:1fr;gap:8px}.portal-quick-actions button{padding:13px 15px}.employee-portal .panel{padding:20px}.portal-panel-heading{align-items:start}.portal-live .report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-live .report-stats strong{font-size:18px}.portal-form-row{gap:10px}.portal-payslip{flex-wrap:wrap;padding:16px;gap:12px}.portal-payslip-total{margin-left:auto}.portal-payslip .secondary{width:100%}.portal-payslip-total strong{font-size:16px}.portal-profile-header{gap:15px}.portal-profile-avatar{width:58px;height:58px;font-size:21px}.portal-profile-header h2{font-size:19px}.portal-finance-metrics{grid-template-columns:1fr}.portal-toolbar{margin-top:0}.portal-form .primary{width:100%}.portal-filters label{max-width:none;min-width:130px}.portal-filters .muted{margin-left:0}.portal-profile-details{gap:20px 14px}}@media (prefers-reduced-motion:reduce){.portal-spinning{animation:none}}