:root{--bg:#f5f7fb;--card:#fff;--text:#111827;--muted:#64748b;--line:#e5e7eb;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--success:#16a34a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#101827;flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand,.login-brand{align-items:center;gap:12px;display:flex}.brand h1,.brand p,.login-brand h1,.login-brand p{margin:0}.brand p,.login-brand p{color:#94a3b8;font-size:13px}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#22c55e);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}nav{gap:8px;display:grid}nav a{color:#cbd5e1;border-radius:14px;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}nav a.active,nav a:hover{color:#fff;background:#ffffff14}.sidebar-footer{color:#cbd5e1;gap:8px;margin-top:auto;display:grid}.sidebar-footer b{color:#fff}.sidebar-footer span{font-size:12px}.main{align-content:start;gap:20px;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar h1{margin:0;font-size:26px}.topbar p{color:var(--muted);margin:4px 0 0}.top-actions{align-items:center;gap:10px;display:flex}.btn,.icon-btn{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{color:#fff;background:#ffffff14;border-color:#ffffff1f}.btn.wide{width:100%}.icon-btn{border-radius:12px;padding:9px}select,input{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:14px;outline:none;padding:10px 12px}.stats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;display:grid}.stat-card,.card,.login-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 38px #0f172a0f}.stat-card{align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{width:46px;height:46px;color:var(--primary);background:#eff6ff;border-radius:16px;place-items:center;display:grid}.stat-value{font-size:26px;font-weight:900}.stat-title{color:var(--muted);font-size:13px;font-weight:700}.workspace{grid-template-columns:minmax(420px,1fr) minmax(420px,1.1fr);gap:16px;display:grid}.card{min-width:0;padding:18px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-head h2{margin:0;font-size:18px}.searchbox{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:0 10px;display:flex}.searchbox input{border:0;min-width:180px;padding-left:0}.table{gap:8px;display:grid}.thead,.trow{grid-template-columns:90px 1.4fr 1fr 100px;align-items:center;gap:10px;display:grid}.thead{color:var(--muted);text-transform:uppercase;padding:0 12px;font-size:12px;font-weight:900}.trow{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;padding:12px}.trow:hover{background:#f8fbff;border-color:#bfdbfe}.pill{color:#166534;background:#dcfce7;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-flex}.profile-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.profile-head h2,.profile-head p{margin:0}.profile-head p{color:var(--muted)}.avatar{width:58px;height:58px;color:var(--primary);background:#e0ecff;border-radius:20px;place-items:center;font-size:24px;font-weight:900;display:grid}.mini-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-grid div{border:1px solid var(--line);border-radius:16px;padding:12px}.mini-grid span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.section-card{border:1px solid var(--line);border-radius:18px;padding:12px}.section-title{align-items:center;gap:8px;display:flex}.section-title span{color:var(--muted);background:#f1f5f9;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:12px;font-weight:800}.small-table{gap:6px;margin-top:10px;display:grid}.small-row{justify-content:space-between;gap:8px;font-size:13px;display:flex}.small-row em,.muted{color:var(--muted);font-style:normal}.empty-panel,.empty-row{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:18px;padding:28px;font-weight:800}.login-page{background:radial-gradient(circle at 0 0,#2563eb2e,#0000 30%),linear-gradient(135deg,#eef4ff,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{gap:16px;width:min(460px,94vw);padding:28px;display:grid}.login-security{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:900;display:flex}.login-note{color:var(--muted);text-align:center;font-size:13px}.field{gap:7px;display:grid}.modal-backdrop{z-index:50;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(760px,96vw);max-height:90vh;padding:20px;overflow:auto}.modal-head,.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2,.modal-head p{margin:0}.modal-head p{color:var(--muted)}.form-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.modal-actions{justify-content:flex-end}.toast{z-index:100;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 16px;font-weight:900;position:fixed;top:18px;right:18px;box-shadow:0 18px 60px #0f172a2e}.toast.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.toast.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.toast.info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.stats,.workspace,.mini-grid,.sections,.form-grid{grid-template-columns:1fr}.topbar,.top-actions,.card-head{flex-direction:column;align-items:stretch}.thead,.trow{grid-template-columns:80px 1fr}.thead span:nth-child(3),.thead span:nth-child(4),.trow span:nth-child(3),.trow span:nth-child(4){display:none}}nav button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px;font-weight:700;display:flex}nav button.active,nav button:hover{color:#fff;background:#ffffff14}.users-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.user-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:12px;padding:14px;display:grid}.user-top{align-items:center;gap:12px;display:flex}.user-top h3,.user-top p{margin:0}.user-top p{color:var(--muted);font-size:13px}.user-top .pill{margin-left:auto}.pill.danger{color:#991b1b;background:#fee2e2}.user-flags{flex-wrap:wrap;gap:8px;display:flex}.user-flags span{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.company-access-list{gap:8px;display:grid}.company-access{border:1px solid var(--line);border-radius:14px;gap:4px;padding:10px;display:grid}.company-access b{font-size:13px}.company-access span{color:var(--primary);font-size:12px;font-weight:900}.company-access em{color:var(--muted);font-size:12px;font-style:normal}.user-actions{justify-content:flex-end;display:flex}.permissions-grid{border:1px solid var(--line);background:#f8fafc;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;padding:14px;display:grid}.check-field{color:var(--text);align-items:center;gap:9px;font-weight:800;display:inline-flex}.check-field.permission{text-transform:capitalize;font-size:13px}.access-summary{margin-top:14px}@media (width<=1100px){.users-grid,.permissions-grid{grid-template-columns:1fr}}.setup-page{gap:16px;display:grid}.setup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.setup-card{align-content:start;gap:14px;display:grid}.setup-form{gap:10px;display:grid}.setup-list{gap:8px;max-height:360px;padding-right:4px;display:grid;overflow:auto}.setup-row{border:1px solid var(--line);background:#fff;border-radius:14px;gap:3px;padding:10px 12px;display:grid}.setup-row span{color:var(--muted);font-size:12px;font-weight:800}@media (width<=1100px){.setup-grid{grid-template-columns:1fr}}:root{--compact-radius:12px;--compact-radius-lg:16px;--compact-gap:10px;--compact-pad:12px;--compact-pad-sm:8px}html,body{font-size:13px}.app-shell{grid-template-columns:224px 1fr!important}.sidebar{gap:14px!important;padding:14px!important}.main{gap:12px!important;padding:14px!important}.brand-mark{border-radius:12px!important;width:36px!important;height:36px!important;font-size:13px!important}.brand h1{font-size:16px!important}.brand p,.login-brand p{font-size:11px!important}nav{gap:5px!important}nav a,nav button{border-radius:10px!important;gap:8px!important;padding:8px 10px!important;font-size:12px!important}.sidebar-footer{gap:5px!important;font-size:12px!important}.topbar{align-items:center!important;gap:10px!important}.topbar h1{font-size:20px!important}.topbar p{font-size:12px!important}.top-actions{gap:7px!important}.btn,.icon-btn,select,input,textarea{border-radius:10px!important;min-height:32px!important;font-size:12px!important}.btn{gap:6px!important;padding:7px 10px!important}.icon-btn{padding:7px!important}select,input,textarea{padding:7px 9px!important}.field{gap:4px!important}.field span{font-size:11px!important}.card,.stat-card,.login-card,.user-card,.section-card,.setup-card{border-radius:var(--compact-radius-lg)!important;box-shadow:0 8px 22px #0f172a0b!important}.card{padding:12px!important}.card-head{gap:8px!important;margin-bottom:10px!important}.card-head h2{font-size:15px!important}.card-head p,.muted{font-size:12px!important}.stats{grid-template-columns:repeat(4,minmax(140px,1fr))!important;gap:9px!important}.stat-card{gap:10px!important;padding:11px!important}.stat-icon{border-radius:11px!important;width:34px!important;height:34px!important}.stat-value{font-size:20px!important}.stat-title{font-size:11px!important}.workspace{grid-template-columns:minmax(360px,1fr) minmax(360px,1.1fr)!important;gap:10px!important}.searchbox{border-radius:10px!important;min-height:32px!important;padding:0 8px!important}.searchbox input{min-width:150px!important;height:30px!important}.table{gap:6px!important}.thead,.trow{grid-template-columns:76px 1.45fr 1fr 88px!important;gap:8px!important}.thead{padding:0 8px!important;font-size:10px!important}.trow{border-radius:12px!important;min-height:38px!important;padding:8px 10px!important;font-size:12px!important}.pill{padding:3px 7px!important;font-size:10px!important}.profile-head{gap:10px!important;margin-bottom:10px!important;padding-bottom:10px!important}.profile-head h2{font-size:16px!important}.profile-head p{font-size:12px!important}.avatar{border-radius:14px!important;width:42px!important;height:42px!important;font-size:18px!important}.avatar.small{border-radius:11px!important;width:34px!important;height:34px!important;font-size:14px!important}.mini-grid{gap:7px!important}.mini-grid div{border-radius:12px!important;padding:8px!important}.mini-grid span{font-size:10px!important}.sections{gap:7px!important;margin-top:10px!important}.section-card{padding:9px!important}.section-title{gap:6px!important;font-size:12px!important}.section-title span{padding:2px 6px!important;font-size:10px!important}.small-table{gap:4px!important;margin-top:7px!important}.small-row{font-size:11px!important}.users-grid{gap:10px!important}.user-card{gap:8px!important;padding:10px!important}.user-top{gap:9px!important}.user-top h3{font-size:14px!important}.user-top p{font-size:11px!important}.user-flags{gap:5px!important}.user-flags span{padding:4px 7px!important;font-size:10px!important}.company-access-list{gap:5px!important}.company-access{border-radius:10px!important;padding:7px 8px!important}.company-access b,.company-access span,.company-access em{font-size:11px!important}.setup-grid,.setup-card{gap:10px!important}.setup-form{gap:7px!important}.setup-list{gap:6px!important;max-height:300px!important}.setup-row{border-radius:10px!important;padding:7px 9px!important}.setup-row b{font-size:12px!important}.setup-row span{font-size:10px!important}.modal-backdrop{padding:12px!important}.modal{border-radius:18px!important;padding:14px!important}.modal.large{width:min(820px,96vw)!important}.modal-head h2{font-size:17px!important}.modal-head p{font-size:12px!important}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}.modal-actions{gap:8px!important}.permissions-grid{border-radius:14px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:10px 0!important;padding:10px!important}.check-field{gap:6px!important;font-size:12px!important}.check-field input{width:15px!important;height:15px!important}.check-field.permission{font-size:11px!important}.login-page{padding:16px!important}.login-card{gap:12px!important;width:min(390px,94vw)!important;padding:20px!important}.login-brand h1{font-size:22px!important}.login-security{border-radius:12px!important;padding:9px 11px!important;font-size:11px!important}.login-note{font-size:11px!important}.toast{border-radius:12px!important;padding:9px 12px!important;font-size:12px!important;top:12px!important;right:12px!important}.empty-panel,.empty-row{border-radius:13px!important;padding:18px!important;font-size:12px!important}@media (width<=1100px){.app-shell{grid-template-columns:1fr!important}.sidebar{height:auto!important;padding:10px!important}.main{padding:10px!important}.stats,.workspace,.mini-grid,.sections,.form-grid,.users-grid,.permissions-grid,.setup-grid{grid-template-columns:1fr!important}.topbar,.top-actions,.card-head{flex-direction:column!important;align-items:stretch!important}.thead,.trow{grid-template-columns:72px 1fr!important}}@media (width<=900px){.compact-form{grid-template-columns:1fr!important}}.profile-section-card{position:relative;padding-top:10px!important}.profile-section-card .section-title{padding-right:54px}.btn.tiny{border-radius:8px!important;min-height:24px!important;padding:4px 8px!important;font-size:10px!important}.profile-section-card>.btn.tiny{position:absolute;top:8px;right:8px}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inline-check{align-items:center;height:32px}.inline-check span{color:var(--text)!important;font-size:12px!important}@media (width<=900px){.compact-form{grid-template-columns:1fr!important}}.attendance-page{gap:10px;display:grid}.attendance-grid{grid-template-columns:390px 1fr;gap:10px;display:grid}.attendance-form{grid-template-columns:1fr 1fr!important}.attendance-filters{grid-template-columns:140px 140px 1fr auto;gap:8px;margin-bottom:10px;display:grid}.attendance-table{gap:6px;display:grid}.attendance-head,.attendance-row{grid-template-columns:1.5fr 105px 70px 70px 90px 65px;align-items:center;gap:8px;display:grid}.attendance-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.attendance-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.att-present{color:#166534!important;background:#dcfce7!important}.att-late{color:#854d0e!important;background:#fef3c7!important}.att-absent{color:#991b1b!important;background:#fee2e2!important}.att-leave{color:#1d4ed8!important;background:#dbeafe!important}@media (width<=1100px){.attendance-grid,.attendance-form,.attendance-filters,.attendance-head,.attendance-row{grid-template-columns:1fr!important}}@media (width<=1100px){.leave-grid,.leave-form,.leave-filters,.leave-head,.leave-row{grid-template-columns:1fr!important}}.nav-emoji{justify-content:center;width:18px;display:inline-flex}.leave-page{gap:10px;display:grid}.leave-grid{grid-template-columns:390px 1fr;gap:10px;display:grid}.leave-form{grid-template-columns:1fr 1fr!important}.leave-reason{grid-column:1/-1}.leave-filters{grid-template-columns:130px 135px 135px 1fr auto;gap:8px;margin-bottom:10px;display:grid}.leave-table{gap:6px;display:grid}.leave-head,.leave-row{grid-template-columns:1.4fr 1fr 95px 95px 55px 90px 140px;align-items:center;gap:8px;display:grid}.leave-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.leave-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.leave-actions{flex-wrap:wrap;gap:5px;display:flex}.btn.danger{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.leave-pending{color:#854d0e!important;background:#fef3c7!important}.leave-approved{color:#166534!important;background:#dcfce7!important}.leave-rejected{color:#991b1b!important;background:#fee2e2!important}.leave-cancelled{color:#475569!important;background:#e2e8f0!important}@media (width<=1100px){.leave-grid,.leave-form,.leave-filters,.leave-head,.leave-row{grid-template-columns:1fr!important}}.payroll-page{gap:10px;display:grid}.payroll-grid{grid-template-columns:420px 1fr;gap:10px;display:grid}.payroll-form{gap:8px;grid-template-columns:1fr!important}.payroll-runs,.payroll-lines{gap:6px;margin-top:10px;display:grid}.payroll-runs-head,.payroll-run-row{grid-template-columns:90px 90px 80px 1fr;align-items:center;gap:8px;display:grid}.payroll-runs-head,.payroll-line-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.payroll-run-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.payroll-run-row:hover{background:#f8fafc}.payroll-actions{gap:6px;display:flex}.payroll-totals{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.payroll-totals div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:3px;padding:9px;display:grid}.payroll-totals span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.payroll-totals b{font-size:13px}.payroll-line-head,.payroll-line-row{grid-template-columns:1.6fr 80px 80px 80px 80px 90px;align-items:center;gap:8px;display:grid}.payroll-line-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.payroll-draft{color:#854d0e!important;background:#fef3c7!important}.payroll-approved{color:#166534!important;background:#dcfce7!important}.payroll-paid{color:#1d4ed8!important;background:#dbeafe!important}@media (width<=1100px){.payroll-grid,.payroll-runs-head,.payroll-run-row,.payroll-line-head,.payroll-line-row,.payroll-totals{grid-template-columns:1fr!important}}.payroll-actions{flex-wrap:wrap;gap:6px;display:flex}.payroll-line-head,.payroll-line-row{grid-template-columns:1.6fr 80px 80px 80px 80px 90px 70px!important}@media (width<=1100px){.payroll-line-head,.payroll-line-row{grid-template-columns:1fr!important}}.alerts-page{gap:10px;display:grid}.alerts-actions-top{flex-wrap:wrap;gap:6px;display:flex}.alerts-filters{grid-template-columns:130px 140px 1fr auto;gap:8px;margin-bottom:10px;display:grid}.alerts-table{gap:6px;display:grid}.alerts-head,.alerts-row{grid-template-columns:1.7fr 1.1fr 145px 95px 85px 85px 130px;align-items:center;gap:8px;display:grid}.alerts-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.alerts-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.alerts-row b{display:block}.alerts-row em{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.alerts-actions{flex-wrap:wrap;gap:5px;display:flex}.alert-sev-high{color:#991b1b!important;background:#fee2e2!important}.alert-sev-medium{color:#854d0e!important;background:#fef3c7!important}.alert-sev-low{color:#166534!important;background:#dcfce7!important}.alert-status-open{color:#1d4ed8!important;background:#dbeafe!important}.alert-status-snoozed{color:#6b21a8!important;background:#f3e8ff!important}.alert-status-closed{color:#475569!important;background:#e2e8f0!important}@media (width<=1100px){.alerts-filters,.alerts-head,.alerts-row{grid-template-columns:1fr!important}}.doc-status-rejected,.doc-exp-expired{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.documents-grid,.documents-form,.documents-filters,.documents-head,.documents-row{grid-template-columns:1fr!important}}.documents-page{gap:10px;display:grid}.documents-grid{grid-template-columns:390px 1fr;gap:10px;display:grid}.documents-form{grid-template-columns:1fr 1fr!important}.documents-notes{grid-column:1/-1}.documents-filters{grid-template-columns:130px 160px 1fr auto;gap:8px;margin-bottom:10px;display:grid}.documents-table{gap:6px;display:grid}.documents-head,.documents-row{grid-template-columns:1.35fr 1.15fr 110px 95px 90px 115px 170px;align-items:center;gap:8px;display:grid}.documents-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.documents-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.documents-row b{display:block}.documents-row em{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.documents-actions{flex-wrap:wrap;gap:5px;display:flex}.doc-status-pending{color:#854d0e!important;background:#fef3c7!important}.doc-status-verified{color:#166534!important;background:#dcfce7!important}.doc-status-rejected,.doc-exp-expired{color:#991b1b!important;background:#fee2e2!important}.doc-exp-expiring_30{color:#854d0e!important;background:#fef3c7!important}.doc-exp-expiring_60,.doc-exp-expiring_90{color:#1d4ed8!important;background:#dbeafe!important}.doc-exp-valid{color:#166534!important;background:#dcfce7!important}.doc-exp-no_expiry{color:#475569!important;background:#e2e8f0!important}@media (width<=1200px){.documents-grid,.documents-form,.documents-filters,.documents-head,.documents-row{grid-template-columns:1fr!important}}.reports-page{gap:10px;display:grid}.reports-layout{grid-template-columns:280px 1fr;gap:12px;display:grid}.reports-list{border-right:1px solid var(--line);align-content:start;gap:8px;padding-right:12px;display:grid}.reports-list h2{margin:0}.reports-list button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;gap:3px;padding:10px;display:grid}.reports-list button.active{background:#eff6ff;border-color:#2563eb}.reports-list button b{font-size:12px}.reports-list button span{color:var(--muted);font-size:11px}.reports-content{min-width:0}.reports-actions{flex-wrap:wrap;gap:6px;display:flex}.reports-filters{grid-template-columns:1.4fr 130px 130px 130px 130px 120px;gap:8px;margin-bottom:10px;display:grid}.reports-table{gap:6px;padding-bottom:5px;display:grid;overflow-x:auto}.reports-head,.reports-row{align-items:center;gap:8px;min-width:max-content;display:grid}.reports-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.reports-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.reports-row span,.reports-head span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=1200px){.reports-layout,.reports-filters{grid-template-columns:1fr!important}.reports-list{border-right:0;border-bottom:1px solid var(--line);padding-bottom:10px;padding-right:0}}.loans-page{gap:10px;display:grid}.loans-grid{grid-template-columns:430px 1fr;gap:10px;display:grid}.loans-form{grid-template-columns:1fr 1fr!important}.loans-reason{grid-column:1/-1}.loans-list,.installments-table{gap:6px;margin-top:10px;display:grid}.loans-head,.loans-row{grid-template-columns:105px 1fr 90px 90px;align-items:center;gap:8px;display:grid}.loans-head,.installments-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.loans-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.loans-row:hover{background:#f8fafc}.loan-actions{flex-wrap:wrap;gap:6px;display:flex}.loan-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.loan-summary div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:3px;padding:9px;display:grid}.loan-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.installments-head,.installments-row{grid-template-columns:55px 110px 95px 95px 90px 110px;align-items:center;gap:8px;display:grid}.installments-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.loan-pending{color:#854d0e!important;background:#fef3c7!important}.loan-approved{color:#166534!important;background:#dcfce7!important}.loan-rejected,.loan-cancelled{color:#991b1b!important;background:#fee2e2!important}.loan-paid,.loan-closed{color:#1d4ed8!important;background:#dbeafe!important}.loan-partial{color:#6b21a8!important;background:#f3e8ff!important}@media (width<=1200px){.loans-grid,.loans-form,.loans-head,.loans-row,.loan-summary,.installments-head,.installments-row{grid-template-columns:1fr!important}}.adjustments-page{gap:10px;display:grid}.adjustments-grid{grid-template-columns:420px 1fr;gap:10px;display:grid}.adjustments-form{grid-template-columns:1fr 1fr!important}.adjustments-reason{grid-column:1/-1}.adjustments-filters{grid-template-columns:120px 140px 1fr auto;gap:8px;margin-bottom:10px;display:grid}.adjustments-table{gap:6px;display:grid}.adjustments-head,.adjustments-row{grid-template-columns:115px 1.2fr 80px 95px 95px 80px 90px 145px;align-items:center;gap:8px;display:grid}.adjustments-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.adjustments-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.adjustments-actions{flex-wrap:wrap;gap:5px;display:flex}.adj-pending{color:#854d0e!important;background:#fef3c7!important}.adj-approved{color:#166534!important;background:#dcfce7!important}.adj-applied{color:#1d4ed8!important;background:#dbeafe!important}.adj-rejected,.adj-cancelled{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.adjustments-grid,.adjustments-form,.adjustments-filters,.adjustments-head,.adjustments-row{grid-template-columns:1fr!important}}.eos-page{gap:10px;display:grid}.eos-grid{grid-template-columns:440px 1fr;gap:10px;display:grid}.eos-form{grid-template-columns:1fr 1fr!important}.eos-notes{grid-column:1/-1}.eos-list,.eos-components{gap:6px;margin-top:10px;display:grid}.eos-head,.eos-row{grid-template-columns:110px 1fr 90px 95px;align-items:center;gap:8px;display:grid}.eos-head,.eos-comp-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.eos-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.eos-row:hover{background:#f8fafc}.eos-actions{flex-wrap:wrap;gap:6px;display:flex}.eos-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.eos-summary div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:3px;padding:9px;display:grid}.eos-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.eos-comp-head,.eos-comp-row{grid-template-columns:100px 1fr 100px 1.2fr;align-items:center;gap:8px;display:grid}.eos-comp-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.eos-draft{color:#854d0e!important;background:#fef3c7!important}.eos-approved{color:#166534!important;background:#dcfce7!important}.eos-paid{color:#1d4ed8!important;background:#dbeafe!important}.eos-cancelled{color:#991b1b!important;background:#fee2e2!important}.eos-comp-earning{color:#166534!important;background:#dcfce7!important}.eos-comp-deduction{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.eos-grid,.eos-form,.eos-head,.eos-row,.eos-summary,.eos-comp-head,.eos-comp-row{grid-template-columns:1fr!important}}.clearance-page{gap:10px;display:grid}.clearance-grid{grid-template-columns:430px 1fr;gap:10px;display:grid}.clearance-form{grid-template-columns:1fr 1fr!important}.clearance-notes{grid-column:1/-1}.clearance-filters{grid-template-columns:130px 1fr auto;gap:8px;margin-top:10px;margin-bottom:10px;display:grid}.clearance-list,.clearance-items{gap:6px;display:grid}.clearance-head,.clearance-row{grid-template-columns:105px 1fr 100px 70px;align-items:center;gap:8px;display:grid}.clearance-head,.clearance-item-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.clearance-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.clearance-row:hover{background:#f8fafc}.clearance-actions{flex-wrap:wrap;gap:6px;display:flex}.clearance-item-head,.clearance-item-row{grid-template-columns:85px 1.5fr 105px 105px 165px;align-items:center;gap:8px;display:grid}.clearance-item-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.clearance-item-row b{display:block}.clearance-item-row em{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.clearance-item-actions{flex-wrap:wrap;gap:5px;display:flex}.clearance-initiated,.clearance-in_progress,.clearance-item-pending{color:#854d0e!important;background:#fef3c7!important}.clearance-cleared,.clearance-item-cleared{color:#166534!important;background:#dcfce7!important}.clearance-cancelled{color:#991b1b!important;background:#fee2e2!important}.clearance-item-not_required{color:#1d4ed8!important;background:#dbeafe!important}@media (width<=1200px){.clearance-grid,.clearance-form,.clearance-filters,.clearance-head,.clearance-row,.clearance-item-head,.clearance-item-row{grid-template-columns:1fr!important}}.assets-page{gap:10px;display:grid}.assets-grid{grid-template-columns:430px 1fr;gap:10px;display:grid}.assets-form{grid-template-columns:1fr 1fr!important}.assets-wide{grid-column:1/-1}.assets-filters{grid-template-columns:130px 1fr auto;gap:8px;margin:10px 0;display:grid}.assets-list,.asset-history{gap:6px;display:grid}.assets-head,.assets-row{grid-template-columns:95px 1fr 95px;align-items:center;gap:8px;display:grid}.assets-head,.asset-history-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.assets-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.assets-row:hover{background:#f8fafc}.assets-row b{display:block}.assets-row em{color:var(--muted);font-size:11px;font-style:normal;display:block}.asset-actions{flex-wrap:wrap;gap:6px;display:flex}.asset-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.asset-summary div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:3px;padding:9px;display:grid}.asset-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.asset-assign-box{border:1px solid var(--line);background:#f8fafc;border-radius:14px;margin-bottom:10px;padding:10px}.asset-assign-box h3{margin:0 0 8px;font-size:13px}.asset-assign-form{margin-bottom:8px;grid-template-columns:repeat(4,1fr)!important}.asset-history-head,.asset-history-row{grid-template-columns:115px 1fr 95px 95px 95px;align-items:center;gap:8px;display:grid}.asset-history-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.asset-available,.asset-returned{color:#166534!important;background:#dcfce7!important}.asset-assigned{color:#1d4ed8!important;background:#dbeafe!important}.asset-maintenance{color:#854d0e!important;background:#fef3c7!important}.asset-retired{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.assets-grid,.assets-form,.assets-filters,.assets-head,.assets-row,.asset-summary,.asset-assign-form,.asset-history-head,.asset-history-row{grid-template-columns:1fr!important}}.clearance-item-row:has(.clearance-item-pending){position:relative}.clearance-item-row span:nth-child(2) b{line-height:1.25}.clearance-item-row span:nth-child(2) em{line-height:1.35}.clearance-item-row span:nth-child(2) b:has(+em){margin-bottom:2px}.letters-page{gap:10px;display:grid}.letters-grid{grid-template-columns:420px 1fr;gap:10px;display:grid}.letters-form{grid-template-columns:1fr 1fr!important}.letters-wide{grid-column:1/-1}.check-row{color:var(--text);border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.letters-filters{grid-template-columns:130px 170px 1fr auto;gap:8px;margin-bottom:10px;display:grid}.letters-table{gap:6px;display:grid}.letters-head,.letters-row{grid-template-columns:115px 1.1fr 140px 95px 90px 180px;align-items:center;gap:8px;display:grid}.letters-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.letters-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.letters-actions{flex-wrap:wrap;gap:5px;display:flex}.letter-draft{color:#854d0e!important;background:#fef3c7!important}.letter-approved{color:#166534!important;background:#dcfce7!important}.letter-cancelled{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.letters-grid,.letters-form,.letters-filters,.letters-head,.letters-row{grid-template-columns:1fr!important}}.performance-page{gap:10px;display:grid}.performance-grid{grid-template-columns:430px 1fr;gap:10px;display:grid}.performance-form{grid-template-columns:1fr 1fr!important}.performance-wide{grid-column:1/-1}.performance-filters{grid-template-columns:130px 1fr auto;gap:8px;margin:10px 0;display:grid}.performance-list,.goals-table{gap:6px;display:grid}.performance-head,.performance-row{grid-template-columns:110px 1fr 70px 95px;align-items:center;gap:8px;display:grid}.performance-head,.goals-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.performance-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.performance-row:hover{background:#f8fafc}.performance-actions{flex-wrap:wrap;gap:6px;display:flex}.performance-summary{grid-template-columns:110px 1.5fr 90px 1fr;gap:8px;margin-bottom:10px;display:grid}.performance-summary div{border:1px solid var(--line);background:#fff;border-radius:12px;gap:3px;padding:9px;display:grid}.performance-summary span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.goals-head,.goals-row{grid-template-columns:1.5fr 85px 140px 80px;align-items:center;gap:8px;display:grid}.goals-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.goals-row b{display:block}.goals-row em{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.perf-draft{color:#854d0e!important;background:#fef3c7!important}.perf-submitted{color:#1d4ed8!important;background:#dbeafe!important}.perf-approved{color:#166534!important;background:#dcfce7!important}.perf-cancelled{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.performance-grid,.performance-form,.performance-filters,.performance-head,.performance-row,.performance-summary,.goals-head,.goals-row{grid-template-columns:1fr!important}}.training-page{gap:10px;display:grid}.training-grid{grid-template-columns:430px 1fr;gap:10px;display:grid}.training-form{grid-template-columns:1fr 1fr!important}.training-wide{grid-column:1/-1}.training-filters,.training-enrollment-filters{grid-template-columns:130px 1fr auto;gap:8px;margin:10px 0;display:grid}.training-list,.training-enrollments-table{gap:6px;display:grid}.training-head,.training-row{grid-template-columns:95px 1fr 95px;align-items:center;gap:8px;display:grid}.training-head,.training-enrollments-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.training-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.training-row:hover{background:#f8fafc}.training-row b{display:block}.training-row em{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.training-enroll-box{border:1px solid var(--line);background:#f8fafc;border-radius:14px;margin-bottom:10px;padding:10px}.training-enroll-box h3{margin:0 0 8px;font-size:13px}.training-enroll-form{margin-bottom:8px;grid-template-columns:1.1fr 130px 1fr!important}.training-enrollments-head,.training-enrollments-row{grid-template-columns:115px 1fr 1.2fr 95px 145px;align-items:center;gap:8px;display:grid}.training-enrollments-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.training-actions{flex-wrap:wrap;gap:5px;display:flex}.trn-active,.trn-enrolled{color:#1d4ed8!important;background:#dbeafe!important}.trn-completed{color:#166534!important;background:#dcfce7!important}.trn-inactive,.trn-cancelled{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.training-grid,.training-form,.training-filters,.training-enrollment-filters,.training-head,.training-row,.training-enroll-form,.training-enrollments-head,.training-enrollments-row{grid-template-columns:1fr!important}}.recruitment-page{gap:10px;display:grid}.recruitment-grid{grid-template-columns:430px 1fr;gap:10px;display:grid}.recruitment-form,.candidate-form{grid-template-columns:1fr 1fr!important}.recruitment-wide{grid-column:1/-1}.recruitment-filters,.candidate-filters{grid-template-columns:130px 1fr auto;gap:8px;margin:10px 0;display:grid}.recruitment-list,.candidate-table{gap:6px;display:grid}.recruitment-head,.recruitment-row{grid-template-columns:100px 1fr 90px;align-items:center;gap:8px;display:grid}.recruitment-head,.candidate-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.recruitment-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.recruitment-row:hover{background:#f8fafc}.recruitment-row b,.candidate-row b{display:block}.recruitment-row em,.candidate-row em{color:var(--muted);margin-top:2px;font-size:11px;font-style:normal;display:block}.candidate-box{border:1px solid var(--line);background:#f8fafc;border-radius:14px;margin-bottom:10px;padding:10px}.candidate-box h3{margin:0 0 8px;font-size:13px}.candidate-head,.candidate-row{grid-template-columns:115px 1.3fr 100px 90px 190px;align-items:center;gap:8px;display:grid}.candidate-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.candidate-actions{flex-wrap:wrap;gap:5px;display:flex}.rec-open,.cand-new{color:#1d4ed8!important;background:#dbeafe!important}.rec-on_hold,.cand-screening,.cand-interview,.cand-offer{color:#854d0e!important;background:#fef3c7!important}.rec-closed,.cand-hired{color:#166534!important;background:#dcfce7!important}.rec-cancelled,.cand-rejected{color:#991b1b!important;background:#fee2e2!important}@media (width<=1200px){.recruitment-grid,.recruitment-form,.candidate-form,.recruitment-filters,.candidate-filters,.recruitment-head,.recruitment-row,.candidate-head,.candidate-row{grid-template-columns:1fr!important}}.employee-login-page{background:radial-gradient(circle at 0 0,#2563eb29,#0000 32%),linear-gradient(135deg,#f8fafc,#e2e8f0);place-items:center;min-height:100vh;padding:20px;display:grid}.employee-login-card{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:24px;gap:14px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 24px 80px #0f172a24}.employee-login-brand,.employee-brand{align-items:center;gap:12px;display:flex}.employee-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#0f172a);border-radius:15px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid}.employee-login-brand h1,.employee-brand h2{margin:0;font-size:20px}.employee-login-brand p,.employee-brand p,.employee-login-hint{color:#64748b;margin:3px 0 0;font-size:12px}.employee-login-card label,.ess-card label{color:#475569;gap:5px;font-size:12px;font-weight:800;display:grid}.employee-login-card input,.ess-card input,.ess-card select,.ess-card textarea{background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:10px 11px;font-size:13px}.ess-card textarea{resize:vertical;min-height:82px}.employee-portal{color:#0f172a;background:#f8fafc;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.employee-sidebar{color:#fff;background:#0f172a;grid-template-rows:auto 1fr auto;gap:16px;height:100vh;padding:16px;display:grid;position:sticky;top:0}.employee-sidebar nav{align-content:start;gap:7px;display:grid}.employee-sidebar nav button,.ess-btn{cursor:pointer;border:0;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:800}.employee-sidebar nav button{color:#cbd5e1;text-align:left;background:0 0}.employee-sidebar nav button.active,.employee-sidebar nav button:hover{color:#fff;background:#ffffff1f}.ess-btn{color:#0f172a;background:#e2e8f0}.ess-btn.primary{color:#fff;background:#2563eb}.ess-btn.logout{color:#fecaca;background:#ef444426}.employee-main{align-content:start;gap:12px;padding:14px;display:grid}.employee-topbar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.employee-topbar h1{margin:0;font-size:20px}.employee-topbar p{color:#64748b;margin:3px 0 0;font-size:12px}.ess-two{grid-template-columns:420px 1fr}.ess-stats,.ess-report-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ess-report-grid{grid-template-columns:repeat(2,1fr)}.ess-stats div,.ess-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.ess-stats span,.ess-profile-grid span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:900}.ess-stats b{margin-top:5px;font-size:24px;display:block}.ess-card{align-content:start;gap:10px;display:grid}.ess-card h2{margin:0;font-size:16px}.ess-card p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.ess-profile-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ess-profile-grid div{border:1px solid #e2e8f0;border-radius:14px;gap:4px;padding:10px;display:grid}.ess-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:110px 1fr 80px 100px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:grid}.ess-row.head{color:#64748b;text-transform:uppercase;background:0 0;border:0;padding-top:0;padding-bottom:0;font-size:10px;font-weight:900}.ess-pill{color:#475569;background:#e2e8f0;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.ess-pill.approved,.ess-pill.ok,.ess-pill.verified,.ess-pill.completed{color:#166534;background:#dcfce7}.ess-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;padding:16px;font-size:13px}.ess-mini-list div{border:1px solid #e2e8f0;border-radius:13px;gap:3px;padding:9px 10px;display:grid}.ess-mini-list b{font-size:12px}.ess-mini-list span{color:#64748b;font-size:11px}@media (width<=1100px){.employee-portal,.ess-two,.ess-stats,.ess-report-grid,.ess-profile-grid{grid-template-columns:1fr}.employee-sidebar{height:auto;position:relative}.employee-sidebar nav{grid-template-columns:repeat(2,1fr)}.employee-topbar{flex-direction:column;align-items:flex-start;gap:10px}.ess-row,.ess-row.doc{grid-template-columns:1fr}}.ess-admin-page{gap:10px;display:grid}.ess-admin-tabs{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.ess-admin-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:8px 11px;font-size:12px;font-weight:900}.ess-admin-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb}.ess-admin-table{gap:6px;display:grid}.ess-admin-head,.ess-admin-row{align-items:center;gap:8px;display:grid}.ess-admin-table.leaves .ess-admin-head,.ess-admin-table.leaves .ess-admin-row{grid-template-columns:110px 1fr 190px 70px 160px}.ess-admin-table.requests .ess-admin-head,.ess-admin-table.requests .ess-admin-row{grid-template-columns:110px 1fr 110px 1.2fr 160px}.ess-admin-table.documents .ess-admin-head,.ess-admin-table.documents .ess-admin-row{grid-template-columns:1fr 1.2fr 120px 110px 160px}.ess-admin-table.users .ess-admin-head,.ess-admin-table.users .ess-admin-row{grid-template-columns:150px 1fr 160px 80px}.ess-admin-head{color:var(--muted);text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.ess-admin-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 10px;font-size:12px}.ess-admin-actions{flex-wrap:wrap;gap:5px;display:flex}.ess-admin-users-grid{grid-template-columns:380px 1fr;gap:10px;display:grid}.ess-user-form{grid-template-columns:1fr!important}@media (width<=1200px){.ess-admin-users-grid,.ess-admin-head,.ess-admin-row,.ess-admin-table.leaves .ess-admin-head,.ess-admin-table.leaves .ess-admin-row,.ess-admin-table.requests .ess-admin-head,.ess-admin-table.requests .ess-admin-row,.ess-admin-table.documents .ess-admin-head,.ess-admin-table.documents .ess-admin-row,.ess-admin-table.users .ess-admin-head,.ess-admin-table.users .ess-admin-row{grid-template-columns:1fr!important}}.employee-portal.ess-v3{--ess-bg:#f4f7fb;--ess-card:#ffffffeb;--ess-line:#e2e8f0;--ess-text:#0f172a;--ess-muted:#64748b;--ess-blue:#2563eb;--ess-dark:#0f172a;min-height:100vh!important;color:var(--ess-text)!important;background:radial-gradient(circle at 0 0,#2563eb24,#0000 32%),linear-gradient(135deg,#f8fafc 0%,#eef4ff 54%,#f8fafc 100%)!important;grid-template-columns:78px minmax(0,1fr)!important;transition:grid-template-columns .22s!important;display:grid!important}.employee-portal.ess-v3.sidebar-open{grid-template-columns:280px minmax(0,1fr)!important}.employee-sidebar{overflow:hidden!important}.employee-portal.ess-v3 .employee-sidebar{background:radial-gradient(circle at 20% 0,#3b82f640,#0000 30%),linear-gradient(#0f172a 0%,#111827 50%,#020617 100%)!important;border-right:1px solid #ffffff14!important;grid-template-rows:auto 1fr auto!important;gap:14px!important;padding:14px 12px!important;display:grid!important;box-shadow:16px 0 40px #0f172a1a!important}.employee-sidebar-top{gap:10px!important;display:grid!important}.ess-sidebar-toggle,.ess-top-toggle{cursor:pointer!important;color:#fff!important;background:#ffffff1a!important;border:0!important;border-radius:14px!important;place-items:center!important;width:42px!important;height:42px!important;font-size:18px!important;font-weight:900!important;display:grid!important}.ess-top-toggle{color:#1d4ed8!important;background:#eef2ff!important;border:1px solid #dbe3ef!important}.employee-portal.ess-v3 .employee-brand{background:#ffffff14!important;border:1px solid #ffffff1a!important;border-radius:18px!important;align-items:center!important;gap:11px!important;min-width:52px!important;padding:10px!important;display:flex!important}.employee-portal.ess-v3.sidebar-collapsed .employee-brand{justify-content:center!important;padding:8px!important}.employee-brand-text{white-space:nowrap!important;min-width:0!important;transition:opacity .18s,width .18s!important;overflow:hidden!important}.employee-portal.ess-v3.sidebar-collapsed .employee-brand-text,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar nav button em,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar .logout em{opacity:0!important;width:0!important;display:none!important}.employee-portal.ess-v3 .employee-logo{background:linear-gradient(135deg,#2563eb,#0f172a)!important;border-radius:15px!important;width:42px!important;min-width:42px!important;height:42px!important;box-shadow:0 12px 26px #2563eb3d!important}.employee-portal.ess-v3 .employee-brand h2{letter-spacing:-.03em!important;color:#fff!important;margin:0!important;font-size:16px!important}.employee-portal.ess-v3 .employee-brand p{color:#93c5fd!important;margin:2px 0 0!important;font-size:11px!important;font-weight:900!important}.employee-portal.ess-v3 .employee-sidebar nav{align-content:start!important;gap:8px!important;display:grid!important}.employee-portal.ess-v3 .employee-sidebar nav button,.employee-portal.ess-v3 .employee-sidebar .logout{color:#cbd5e1!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:15px!important;justify-content:flex-start!important;align-items:center!important;gap:11px!important;min-height:44px!important;padding:0 12px!important;font-size:13px!important;font-weight:850!important;transition:all .16s!important;display:flex!important}.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar nav button,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar .logout{justify-content:center!important;padding:0!important}.employee-portal.ess-v3 .employee-sidebar nav button span,.employee-portal.ess-v3 .employee-sidebar .logout span{text-align:center!important;width:24px!important;font-size:18px!important}.employee-portal.ess-v3 .employee-sidebar nav button:hover{background:#ffffff1a!important}.employee-portal.ess-v3 .employee-sidebar nav button.active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 12px 26px #2563eb3d!important}.employee-portal.ess-v3 .employee-sidebar .logout{color:#fecaca!important;background:#ef444424!important;border:1px solid #ef444429!important}.employee-portal.ess-v3 .employee-main{align-content:start!important;gap:14px!important;min-width:0!important;padding:16px!important;display:grid!important}.employee-portal.ess-v3 .employee-topbar{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffffe0!important;border:1px solid #e2e8f0f2!important;border-radius:26px!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:82px!important;padding:16px 18px!important;display:flex!important;box-shadow:0 18px 44px #0f172a0f!important}.employee-topbar-left,.employee-topbar-actions{align-items:center!important;gap:12px!important;display:flex!important}.employee-topbar-actions{flex-wrap:wrap!important;justify-content:flex-end!important}.employee-portal.ess-v3 .employee-topbar h1{letter-spacing:-.045em!important;color:var(--ess-text)!important;margin:0!important;font-size:23px!important}.employee-portal.ess-v3 .employee-topbar p{color:var(--ess-muted)!important;margin:4px 0 0!important;font-size:12px!important;font-weight:760!important}.ess-status-dot{color:#166534!important;background:#dcfce7!important;border-radius:999px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 12px!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important}.ess-status-dot:before{content:""!important;background:#22c55e!important;border-radius:999px!important;width:7px!important;height:7px!important}.ess-page{gap:14px!important;display:grid!important}.ess-hero-card{color:#fff!important;background:linear-gradient(135deg,#2563ebf5,#0f172af5)!important;border-radius:30px!important;justify-content:space-between!important;align-items:flex-end!important;gap:20px!important;min-height:170px!important;padding:24px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 28px 70px #2563eb2e!important}.ess-hero-card:after{content:""!important;background:#ffffff1a!important;border-radius:999px!important;width:260px!important;height:260px!important;position:absolute!important;top:-100px!important;right:-80px!important}.ess-hero-card>*{z-index:1!important;position:relative!important}.ess-kicker{color:#bfdbfe!important;text-transform:uppercase!important;letter-spacing:.06em!important;background:#ffffff24!important;border-radius:999px!important;margin-bottom:12px!important;padding:6px 10px!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important}.ess-hero-card h2{letter-spacing:-.06em!important;margin:0!important;font-size:30px!important}.ess-hero-card p{color:#dbeafe!important;max-width:620px!important;margin:8px 0 0!important;line-height:1.65!important}.ess-hero-actions{flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;min-width:330px!important;display:flex!important}.ess-btn,.ess-link-btn{cursor:pointer!important;border:1px solid #dbe3ef!important;border-radius:14px!important;min-height:38px!important;padding:0 13px!important;font-size:12px!important;font-weight:950!important;transition:all .15s!important}.ess-btn:hover,.ess-link-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px #0f172a1a!important}.ess-btn.primary{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#0000!important}.ess-hero-card .ess-btn{color:#fff!important;background:#ffffff21!important;border-color:#ffffff2e!important}.ess-hero-card .ess-btn.primary{color:#1d4ed8!important;background:#fff!important}.ess-stats-v3{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.ess-stats-v3 div,.ess-card{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffffe6!important;border:1px solid #e2e8f0f2!important;border-radius:24px!important;box-shadow:0 18px 42px #0f172a0e!important}.ess-stats-v3 div{align-content:space-between!important;min-height:112px!important;padding:17px!important;display:grid!important;position:relative!important;overflow:hidden!important}.ess-stats-v3 div:after{content:""!important;background:#2563eb1a!important;border-radius:999px!important;width:86px!important;height:86px!important;position:absolute!important;top:-28px!important;right:-26px!important}.ess-stats-v3 span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:11px!important;font-weight:950!important}.ess-stats-v3 b{letter-spacing:-.06em!important;color:#0f172a!important;margin-top:8px!important;font-size:31px!important;display:block!important}.ess-stats-v3 small{color:#64748b!important;font-size:11px!important;font-weight:800!important}.ess-dashboard-grid{grid-template-columns:1.2fr .8fr!important;gap:14px!important;display:grid!important}.ess-card{align-content:start!important;gap:12px!important;padding:18px!important;display:grid!important}.ess-card-title{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}.ess-card-title h2,.ess-card h2{letter-spacing:-.035em!important;color:#0f172a!important;margin:0!important;font-size:17px!important}.ess-card-title span{color:#64748b!important;font-size:11px!important;font-weight:900!important}.ess-link-btn{color:#1d4ed8!important;background:#eef2ff!important;border:1px solid #dbeafe!important}.ess-snapshot-list,.ess-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.ess-snapshot-list div,.ess-profile-grid div{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:17px!important;gap:4px!important;padding:12px!important;display:grid!important}.ess-snapshot-list span,.ess-profile-grid span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:10px!important;font-weight:950!important}.ess-snapshot-list b,.ess-profile-grid b{color:#0f172a!important;overflow-wrap:anywhere!important;font-size:13px!important}.ess-doc-health{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.ess-doc-health div{text-align:center!important;border-radius:18px!important;gap:3px!important;padding:12px!important;display:grid!important}.ess-doc-health b{letter-spacing:-.05em!important;font-size:24px!important}.ess-doc-health span{text-transform:uppercase!important;font-size:10px!important;font-weight:950!important}.ess-doc-health .danger{color:#991b1b!important;background:#fee2e2!important}.ess-doc-health .warn{color:#854d0e!important;background:#fef3c7!important}.ess-doc-health .info{color:#1d4ed8!important;background:#dbeafe!important}.ess-report-shortcuts{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;display:grid!important}.ess-report-shortcuts button{cursor:pointer!important;text-align:left!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:18px!important;gap:3px!important;padding:12px!important;display:grid!important}.ess-report-shortcuts b{color:#1d4ed8!important;font-size:22px!important}.ess-report-shortcuts span{color:#64748b!important;font-size:11px!important;font-weight:900!important}.ess-two{grid-template-columns:410px minmax(0,1fr)!important;gap:14px!important;display:grid!important}.ess-form-card label{gap:6px!important;display:grid!important}.ess-form-card label span,.employee-login-card label span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:10px!important;font-weight:950!important}.ess-form-card input,.ess-form-card select,.ess-form-card textarea,.employee-login-card input{background:#f8fafc!important;border:1px solid #dbe3ef!important;border-radius:14px!important;outline:none!important;padding:10px 11px!important;font-size:13px!important}.ess-form-card textarea{resize:vertical!important;min-height:96px!important}.ess-table{gap:8px!important;display:grid!important}.ess-row{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:17px!important;grid-template-columns:120px 1fr 90px 110px!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;font-size:12px!important;display:grid!important;box-shadow:0 8px 18px #0f172a09!important}.ess-row.doc{grid-template-columns:1fr 120px 110px 125px!important}.ess-row.report{grid-template-columns:repeat(6,minmax(0,1fr))!important}.report-table.attendance .ess-row.report,.report-table.training .ess-row.report,.report-table.performance .ess-row.report,.report-table.assets .ess-row.report,.report-table.letters .ess-row.report{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ess-row.head{box-shadow:none!important;color:#64748b!important;text-transform:uppercase!important;background:0 0!important;border:0!important;padding-top:0!important;padding-bottom:0!important;font-size:10px!important;font-weight:950!important}.ess-pill{color:#475569!important;background:#e2e8f0!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:5px 9px!important;font-size:10px!important;font-weight:950!important;display:inline-flex!important}.ess-pill.pending,.ess-pill.draft{color:#854d0e!important;background:#fef3c7!important}.ess-pill.approved,.ess-pill.ok,.ess-pill.verified,.ess-pill.completed,.ess-pill.paid{color:#166534!important;background:#dcfce7!important}.ess-pill.rejected,.ess-pill.expired,.ess-pill.cancelled{color:#991b1b!important;background:#fee2e2!important}.ess-mini-list{gap:8px!important;display:grid!important}.ess-mini-list div{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;gap:3px!important;padding:10px 11px!important;display:grid!important}.ess-mini-list.compact div{justify-content:space-between!important;gap:8px!important;display:flex!important}.ess-mini-list b{color:#0f172a!important;font-size:12px!important}.ess-mini-list span{color:#64748b!important;font-size:11px!important;font-weight:800!important}.ess-reports-v3{gap:12px!important}.ess-report-tabs{background:#ffffffc2!important;border:1px solid #e2e8f0!important;border-radius:22px!important;flex-wrap:wrap!important;gap:8px!important;padding:8px!important;display:flex!important;box-shadow:0 12px 30px #0f172a0b!important}.ess-report-tabs button{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:14px!important;min-height:38px!important;padding:0 14px!important;font-size:12px!important;font-weight:950!important}.ess-report-tabs button.active{color:#fff!important;background:#2563eb!important;box-shadow:0 10px 20px #2563eb2e!important}.ess-profile-header{border-bottom:1px solid #e2e8f0!important;align-items:center!important;gap:14px!important;padding-bottom:12px!important;display:flex!important}.ess-avatar{color:#fff!important;background:linear-gradient(135deg,#2563eb,#0f172a)!important;border-radius:22px!important;place-items:center!important;width:58px!important;height:58px!important;font-size:24px!important;font-weight:950!important;display:grid!important}.ess-profile-header h2{letter-spacing:-.04em!important;margin:0!important;font-size:22px!important}.ess-profile-header p{color:#64748b!important;margin:4px 0 0!important;font-weight:850!important}.ess-empty{color:#64748b!important;text-align:center!important;background:#f8fafc!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;padding:22px!important}.ess-toast{z-index:9999!important;color:#fff!important;border-radius:16px!important;padding:12px 16px!important;font-size:13px!important;font-weight:900!important;position:fixed!important;top:18px!important;right:18px!important;box-shadow:0 20px 60px #0f172a33!important}.ess-toast.success{background:#16a34a!important}.ess-toast.error{background:#dc2626!important}.ess-login-copy{gap:5px!important;padding:10px 0!important;display:grid!important}.ess-login-copy h2{letter-spacing:-.05em!important;margin:0!important;font-size:24px!important}.ess-login-copy p{color:#64748b!important;margin:0!important;line-height:1.55!important}.employee-login-page.ess-v3{background:radial-gradient(circle at 15% 10%,#2563eb47,#0000 28%),radial-gradient(circle at 85% 15%,#14b8a62e,#0000 24%),linear-gradient(135deg,#020617 0%,#0f172a 48%,#1e293b 100%)!important;place-items:center!important;min-height:100vh!important;padding:24px!important;display:grid!important}.ess-login-v3{background:#fffffff2!important;border:1px solid #ffffffb8!important;border-radius:30px!important;gap:14px!important;width:min(450px,100%)!important;padding:28px!important;display:grid!important;box-shadow:0 34px 100px #02061761!important}@media (width<=1200px){.ess-dashboard-grid,.ess-two{grid-template-columns:1fr!important}.ess-snapshot-list,.ess-profile-grid,.ess-stats-v3{grid-template-columns:repeat(2,1fr)!important}.ess-hero-card{flex-direction:column!important;align-items:flex-start!important}.ess-hero-actions{justify-content:flex-start!important;min-width:0!important}}@media (width<=760px){.employee-portal.ess-v3,.employee-portal.ess-v3.sidebar-open,.employee-portal.ess-v3.sidebar-collapsed{grid-template-columns:1fr!important}.employee-portal.ess-v3 .employee-sidebar{border-radius:0 0 26px 26px!important;height:auto!important;position:relative!important}.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar nav,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar .logout,.employee-portal.ess-v3.sidebar-collapsed .employee-brand{display:none!important}.employee-portal.ess-v3.sidebar-open .employee-sidebar nav{grid-template-columns:repeat(2,1fr)!important;display:grid!important}.employee-portal.ess-v3 .employee-topbar{flex-direction:column!important;align-items:flex-start!important}.ess-stats-v3,.ess-snapshot-list,.ess-profile-grid,.ess-doc-health,.ess-report-shortcuts,.ess-row,.ess-row.doc,.ess-row.report,.report-table.attendance .ess-row.report,.report-table.training .ess-row.report,.report-table.performance .ess-row.report,.report-table.assets .ess-row.report,.report-table.letters .ess-row.report{grid-template-columns:1fr!important}.ess-hero-card h2{font-size:24px!important}}.employee-portal .ess-row.loan{grid-template-columns:130px 1fr 120px 160px 110px!important}.employee-portal .loan-table .ess-row:not(.head){border-left:4px solid #2563eb!important}.employee-portal .ess-pill.approved{color:#166534!important;background:#dcfce7!important}.employee-portal .ess-pill.pending{color:#854d0e!important;background:#fef3c7!important}.employee-portal .ess-pill.rejected{color:#991b1b!important;background:#fee2e2!important}@media (width<=760px){.employee-portal .ess-row.loan{grid-template-columns:1fr!important}body{overflow-x:hidden!important}.employee-portal.ess-v3,.employee-portal.ess-v3.sidebar-open,.employee-portal.ess-v3.sidebar-collapsed{background:#f6f8fc!important;min-height:100vh!important;display:block!important}.employee-portal.ess-v3 .employee-sidebar{z-index:999!important;border-radius:24px!important;width:250px!important;padding:12px!important;transition:transform .2s!important;position:fixed!important;top:10px!important;bottom:10px!important;left:10px!important;transform:translate(-115%)!important;box-shadow:0 24px 80px #0f172a47!important}.employee-portal.ess-v3.sidebar-open .employee-sidebar{transform:translate(0)!important}.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar nav,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar .logout,.employee-portal.ess-v3.sidebar-collapsed .employee-brand{display:grid!important}.employee-portal.ess-v3.sidebar-collapsed .employee-brand-text,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar nav button em,.employee-portal.ess-v3.sidebar-collapsed .employee-sidebar .logout em{opacity:1!important;width:auto!important;display:inline!important}.employee-portal.ess-v3 .employee-sidebar nav{grid-template-columns:1fr!important;gap:7px!important}.employee-portal.ess-v3 .employee-sidebar nav button,.employee-portal.ess-v3 .employee-sidebar .logout{border-radius:13px!important;justify-content:flex-start!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important}.employee-portal.ess-v3 .employee-sidebar nav button span,.employee-portal.ess-v3 .employee-sidebar .logout span{font-size:16px!important}.employee-portal.ess-v3 .employee-main{gap:9px!important;padding:10px!important}.employee-portal.ess-v3 .employee-topbar{border-radius:18px!important;grid-template-columns:1fr auto!important;gap:8px!important;min-height:auto!important;padding:10px 11px!important;display:grid!important}.employee-topbar-left{gap:8px!important;min-width:0!important}.employee-topbar-left>div{min-width:0!important}.employee-portal.ess-v3 .employee-topbar h1{letter-spacing:-.025em!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:220px!important;font-size:16px!important;line-height:1.15!important;overflow:hidden!important}.employee-portal.ess-v3 .employee-topbar p{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:240px!important;margin-top:2px!important;font-size:10px!important;overflow:hidden!important}.ess-top-toggle{border-radius:12px!important;width:34px!important;min-width:34px!important;height:34px!important;font-size:15px!important}.employee-topbar-actions{justify-content:flex-end!important;gap:5px!important}.employee-topbar-actions .ess-status-dot{display:none!important}.employee-topbar-actions .ess-btn{border-radius:11px!important;height:32px!important;min-height:32px!important;padding:0 9px!important;font-size:10px!important}.ess-dashboard-v3{gap:9px!important}.ess-hero-card{border-radius:20px!important;gap:11px!important;min-height:auto!important;padding:14px!important;display:grid!important}.ess-kicker{margin-bottom:6px!important;padding:4px 7px!important;font-size:9px!important}.ess-hero-card h2{letter-spacing:-.035em!important;max-width:290px!important;font-size:18px!important;line-height:1.15!important}.ess-hero-card p{display:none!important}.ess-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-width:0!important;display:grid!important}.ess-hero-actions .ess-btn{white-space:nowrap!important;border-radius:12px!important;height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:10px!important}.ess-stats-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.ess-stats-v3 div{border-radius:18px!important;min-height:78px!important;padding:10px!important}.ess-stats-v3 div:after{width:58px!important;height:58px!important;top:-22px!important;right:-20px!important}.ess-stats-v3 span{letter-spacing:.04em!important;font-size:9px!important}.ess-stats-v3 b{margin-top:4px!important;font-size:22px!important}.ess-stats-v3 small{font-size:9px!important}.ess-dashboard-grid,.ess-two{grid-template-columns:1fr!important;gap:9px!important}.ess-card{border-radius:18px!important;gap:9px!important;padding:12px!important}.ess-card-title h2,.ess-card h2{letter-spacing:-.02em!important;font-size:14px!important}.ess-card-title span{font-size:10px!important}.ess-link-btn{border-radius:10px!important;height:29px!important;min-height:29px!important;padding:0 9px!important;font-size:10px!important}.ess-snapshot-list,.ess-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.ess-snapshot-list div,.ess-profile-grid div{border-radius:13px!important;padding:9px!important}.ess-snapshot-list span,.ess-profile-grid span{letter-spacing:.035em!important;font-size:8px!important}.ess-snapshot-list b,.ess-profile-grid b{font-size:11px!important}.ess-doc-health{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.ess-doc-health div{border-radius:14px!important;padding:8px 5px!important}.ess-doc-health b{font-size:18px!important}.ess-doc-health span{font-size:8px!important}.ess-mini-list{gap:6px!important}.ess-mini-list div,.ess-mini-list.compact div{border-radius:13px!important;gap:2px!important;padding:8px 9px!important;display:grid!important}.ess-mini-list b{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;overflow:hidden!important}.ess-mini-list span{font-size:9px!important}.ess-report-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.ess-report-shortcuts button{border-radius:14px!important;padding:9px!important}.ess-report-shortcuts b{font-size:18px!important}.ess-report-shortcuts span{font-size:9px!important}.ess-form-card label{gap:4px!important}.ess-form-card label span{font-size:8px!important}.ess-form-card input,.ess-form-card select,.ess-form-card textarea{border-radius:12px!important;min-height:36px!important;padding:8px 9px!important;font-size:12px!important}.ess-form-card textarea{min-height:72px!important}.ess-btn{border-radius:12px!important;height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:10px!important}.ess-table{gap:6px!important}.ess-row,.ess-row.doc,.ess-row.loan,.ess-row.report,.report-table.attendance .ess-row.report,.report-table.training .ess-row.report,.report-table.performance .ess-row.report,.report-table.assets .ess-row.report,.report-table.letters .ess-row.report{border-radius:14px!important;grid-template-columns:1fr 1fr!important;gap:5px 8px!important;padding:9px!important;font-size:11px!important}.ess-row.head,.ess-row.doc.head,.ess-row.loan.head,.ess-row.report.head{display:none!important}.ess-pill{padding:4px 7px!important;font-size:8px!important}.ess-report-tabs{scrollbar-width:none!important;border-radius:17px!important;flex-wrap:nowrap!important;gap:5px!important;padding:6px!important;overflow-x:auto!important}.ess-report-tabs::-webkit-scrollbar{display:none!important}.ess-report-tabs button{white-space:nowrap!important;border-radius:11px!important;height:31px!important;min-height:31px!important;padding:0 10px!important;font-size:10px!important}.ess-profile-header{gap:10px!important;padding-bottom:9px!important}.ess-avatar{border-radius:16px!important;width:44px!important;height:44px!important;font-size:18px!important}.ess-profile-header h2{font-size:16px!important}.ess-profile-header p{font-size:10px!important}.ess-empty{border-radius:14px!important;padding:14px!important;font-size:11px!important}}@media (width<=390px){.employee-portal.ess-v3 .employee-main{padding:8px!important}.employee-portal.ess-v3 .employee-topbar h1{max-width:175px!important;font-size:15px!important}.employee-portal.ess-v3 .employee-topbar p{max-width:190px!important}.ess-hero-actions{grid-template-columns:1fr!important}.ess-stats-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ess-snapshot-list,.ess-profile-grid{grid-template-columns:1fr!important}}.redesigned-profile-panel{flex-direction:column;gap:14px;display:flex}.profile-head-modern{border-bottom:1px solid #94a3b838;align-items:flex-start;gap:14px;padding-bottom:12px}.profile-title-block h2{margin:0;font-size:20px;line-height:1.2}.profile-title-block p{color:#64748b;margin:4px 0 8px;font-weight:700}.profile-chips{flex-wrap:wrap;gap:6px;display:flex}.profile-chips span{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;min-height:24px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.profile-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-info-tile{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b83d;border-radius:14px;min-height:62px;padding:12px}.profile-info-tile span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.profile-info-tile b{color:#0f172a;word-break:break-word;font-size:14px;display:block}.profile-sections-redesign{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-section-wide{grid-column:1/-1}.profile-section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-section-title>div{align-items:center;gap:8px;display:flex}.profile-section-title span{color:#64748b;background:#edf2f7;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:22px;font-size:12px;font-weight:900;display:inline-flex}.bank-account-list,.salary-package-list{gap:10px;margin-top:10px;display:grid}.bank-account-card,.salary-package-card{background:#fff;border:1px solid #94a3b842;border-radius:16px;padding:12px;box-shadow:0 8px 22px #0f172a0a}.bank-card-top,.salary-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.bank-card-top h4,.salary-card-top h4{color:#0f172a;margin:0;font-size:15px;font-weight:900}.bank-card-top p,.salary-card-top p{color:#64748b;margin:4px 0 0;font-size:12px;font-weight:700}.bank-main-line{background:#f8fafc;border-radius:12px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:grid}.bank-main-line b{color:#0f172a;word-break:break-all;font-size:13px}.bank-details-grid div,.salary-details-grid div{background:#f8fafc;border-radius:12px;min-height:52px;padding:9px 10px}@media (width<=980px){.profile-info-grid,.profile-sections-redesign,.bank-details-grid,.salary-details-grid{grid-template-columns:1fr}.profile-section-wide{grid-column:auto}.bank-main-line{grid-template-columns:1fr}}body{background:radial-gradient(circle at 0 0,#2563eb14,#0000 34%),linear-gradient(#f8fafc 0%,#eef2f7 100%)}.card{background:#fffffff0!important;border:1px solid #94a3b838!important;border-radius:22px!important;box-shadow:0 20px 45px #0f172a12!important}.card-head{border-bottom:1px solid #94a3b82e!important;align-items:flex-start!important;gap:16px!important;padding-bottom:14px!important}.card-head h2{letter-spacing:-.03em!important;color:#0f172a!important;margin:0!important;font-size:24px!important}.card-head .muted,.muted{color:#64748b!important}.top-actions{flex-wrap:wrap!important;align-items:center!important;gap:10px!important;display:flex!important}.searchbox{background:#f8fafc!important;border:1px solid #94a3b852!important;border-radius:999px!important;min-height:42px!important;box-shadow:inset 0 1px 2px #0f172a08!important}.searchbox input{font-size:14px!important;font-weight:700!important}.btn{letter-spacing:-.01em!important;border-radius:999px!important;min-height:38px!important;font-weight:900!important}.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 10px 24px #2563eb38!important}.btn.tiny{min-height:30px!important;padding:5px 10px!important;font-size:12px!important}[class*=employee] .pill,.pill{color:#075985!important;background:#e0f2fe!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:950!important}.pill.danger,[class*=inactive],[class*=danger]{color:#991b1b!important;background:#fee2e2!important}.avatar{color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;font-weight:950!important;box-shadow:inset 0 0 0 1px #ffffff8c,0 14px 30px #2563eb38!important}.profile-panel{background:linear-gradient(#fffffffa,#f8fafcf5)!important;border:1px solid #94a3b838!important;border-radius:24px!important;padding:16px!important;box-shadow:0 18px 45px #0f172a14!important}.profile-head{border-bottom:1px solid #94a3b833!important;gap:14px!important;padding:4px 4px 16px!important}.profile-head h2{letter-spacing:-.03em!important;color:#0f172a!important;margin:0!important;font-size:22px!important;line-height:1.15!important}.profile-head p{color:#64748b!important;margin:6px 0 0!important;font-weight:850!important}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;display:grid!important}.mini-grid>div{background:#fff!important;border:1px solid #94a3b838!important;border-radius:18px!important;min-height:70px!important;padding:12px!important;box-shadow:0 8px 20px #0f172a0a!important}.mini-grid span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-bottom:7px!important;font-size:11px!important;font-weight:950!important;display:block!important}.mini-grid b{color:#0f172a!important;word-break:break-word!important;font-size:14px!important;font-weight:950!important;display:block!important}.sections{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.profile-section-card,.section-card{background:#fff!important;border:1px solid #94a3b83d!important;border-radius:20px!important;padding:14px!important;overflow:hidden!important;box-shadow:0 10px 26px #0f172a0b!important}:is(.profile-section-card:has(.bank-account-card),.profile-section-card:has(.salary-package-card)){grid-column:1/-1!important}.section-title{align-items:center!important;gap:8px!important;margin-bottom:10px!important;display:flex!important}.section-title b{color:#0f172a!important;font-size:14px!important;font-weight:950!important}.section-title>span{color:#475569!important;background:#f1f5f9!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:22px!important;margin-left:auto!important;font-size:12px!important;font-weight:950!important;display:inline-flex!important}.small-table{gap:8px!important;display:grid!important}.small-row{background:#f8fafc!important;border:1px solid #94a3b829!important;border-radius:14px!important;min-height:42px!important;padding:10px 11px!important}.small-row span{color:#0f172a!important;font-weight:900!important}.small-row em{color:#64748b!important;font-size:12px!important;font-style:normal!important;font-weight:750!important}.bank-account-list{gap:12px!important;margin-top:10px!important;display:grid!important}.bank-account-card{background:radial-gradient(circle at 100% 0,#2563eb17,#0000 38%),#fff!important;border:1px solid #2563eb29!important;border-radius:18px!important;padding:14px!important;box-shadow:0 12px 28px #0f172a0f!important}.bank-card-top{justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important;display:flex!important}.bank-card-top h4{color:#0f172a!important;margin:0!important;font-size:16px!important;font-weight:950!important}.bank-card-top p{color:#64748b!important;margin:4px 0 0!important;font-size:12px!important;font-weight:800!important}.bank-main-line{background:#eff6ff!important;border-radius:14px!important;grid-template-columns:80px minmax(0,1fr)!important;gap:10px!important;margin-bottom:10px!important;padding:11px 12px!important;display:grid!important}.bank-main-line span,.bank-details-grid span,.salary-details-grid span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:11px!important;font-weight:950!important}.bank-main-line b{color:#1e3a8a!important;word-break:break-all!important;font-weight:950!important}.bank-details-grid,.salary-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.bank-details-grid div,.salary-details-grid div{background:#f8fafc!important;border:1px solid #94a3b824!important;border-radius:14px!important;min-height:54px!important;padding:10px!important}.bank-details-grid b,.salary-details-grid b{color:#0f172a!important;word-break:break-word!important;margin-top:5px!important;font-size:13px!important;font-weight:950!important;display:block!important}.salary-package-list{gap:12px!important;margin-top:10px!important;display:grid!important}.salary-package-card{background:radial-gradient(circle at 100% 0,#10b98117,#0000 38%),#fff!important;border:1px solid #10b9812e!important;border-radius:18px!important;padding:14px!important}.salary-card-top{justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important;display:flex!important}.salary-card-top h4{color:#064e3b!important;margin:0!important;font-weight:950!important}.modal{border:1px solid #94a3b83d!important;border-radius:24px!important;box-shadow:0 24px 70px #0f172a3d!important}.modal-head{border-bottom:1px solid #94a3b833!important;padding-bottom:12px!important}.field span{color:#475569!important;font-size:12px!important;font-weight:950!important}.field input,.field select{background:#fff!important;border:1px solid #94a3b85c!important;border-radius:13px!important;min-height:40px!important;font-weight:750!important}@media (width<=1100px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sections{grid-template-columns:1fr!important}:is(.profile-section-card:has(.bank-account-card),.profile-section-card:has(.salary-package-card)){grid-column:auto!important}.bank-details-grid,.salary-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=640px){.card{border-radius:18px!important}.card-head{flex-direction:column!important}.top-actions,.searchbox,.top-actions .btn{width:100%!important}.mini-grid,.bank-details-grid,.salary-details-grid{grid-template-columns:1fr!important}.profile-head{align-items:flex-start!important}.profile-head h2{font-size:18px!important}.bank-main-line{grid-template-columns:1fr!important}}.employees-v2-screen{flex-direction:column;gap:18px;display:flex}.employees-v2-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#0ea5e93d,#0000 30%),linear-gradient(135deg,#0f172a 0%,#1e3a8a 52%,#2563eb 100%);border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:24px;display:grid;overflow:hidden;box-shadow:0 24px 60px #0f172a33}.employees-v2-eyebrow{color:#dbeafe;letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border-radius:999px;margin-bottom:9px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.employees-v2-hero h2{letter-spacing:-.06em;margin:0;font-size:34px;line-height:1}.employees-v2-hero p{color:#ffffffbd;max-width:700px;margin:10px 0 0;font-weight:700}.employees-v2-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.employees-v2-search{color:#0f172a;background:#fffffff5;border-radius:999px;align-items:center;gap:9px;min-width:340px;height:44px;padding:0 14px;display:flex;box-shadow:0 12px 28px #0f172a2e}.employees-v2-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;font-weight:800}.employees-v2-action{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 15px;font-weight:950;display:inline-flex}.employees-v2-action.primary{color:#1d4ed8;background:#fff}.employees-v2-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.employees-v2-metric{background:#fff;border:1px solid #94a3b838;border-radius:24px;min-height:112px;padding:18px;box-shadow:0 16px 35px #0f172a12}.employees-v2-metric div{color:#2563eb;background:#eff6ff;border-radius:14px;place-items:center;width:40px;height:40px;margin-bottom:14px;display:grid}.employees-v2-metric span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:950;display:block}.employees-v2-metric b{color:#0f172a;letter-spacing:-.05em;margin-top:6px;font-size:28px;font-weight:1000;line-height:1;display:block}.employees-v2-layout{grid-template-columns:410px minmax(0,1fr);align-items:start;gap:16px;display:grid}.employees-v2-directory,.employees-v2-profile{background:#fff;border:1px solid #94a3b83d;border-radius:28px;box-shadow:0 18px 45px #0f172a14}.employees-v2-directory{flex-direction:column;max-height:calc(100vh - 140px);padding:14px;display:flex;position:sticky;top:18px;overflow:hidden}.employees-v2-panel-head{padding:8px 8px 12px}.employees-v2-panel-head h3{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:20px}.employees-v2-panel-head p{color:#64748b;margin:4px 0 0;font-size:12px;font-weight:800}.employees-v2-list{flex-direction:column;gap:10px;padding:2px 4px 6px 2px;display:flex;overflow:auto}.employees-v2-person{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #94a3b833;border-radius:20px;grid-template-columns:46px minmax(0,1fr);gap:12px;width:100%;padding:12px;transition:all .18s;display:grid}.employees-v2-person:hover{background:#fff;border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 12px 25px #0f172a14}.employees-v2-person.selected{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#2563eb8c;box-shadow:0 14px 30px #2563eb21}.employees-v2-avatar,.employees-v2-big-avatar,.employees-v2-empty-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:18px;place-items:center;font-weight:1000;display:grid}.employees-v2-avatar{width:46px;height:46px}.employees-v2-person-main{min-width:0}.employees-v2-person-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.employees-v2-person-top b{color:#0f172a;min-width:0;font-size:14px;font-weight:950;line-height:1.25}.employees-v2-person-main p{color:#2563eb;margin:4px 0 9px;font-size:12px;font-weight:950}.employees-v2-person-meta{flex-wrap:wrap;gap:5px;display:flex}.employees-v2-person-meta span{color:#334155;background:#e2e8f0;border-radius:999px;max-width:100%;padding:4px 8px;font-size:11px;font-weight:850}.employees-v2-status{white-space:nowrap;color:#166534;background:#dcfce7;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:1000}.employees-v2-status.big{padding:7px 12px;font-size:12px}.employees-v2-status.inactive,.employees-v2-status.terminated,.employees-v2-status.resigned{color:#991b1b;background:#fee2e2}.employees-v2-profile{min-height:650px;padding:18px}.employees-v2-profile-empty{text-align:center;color:#64748b;align-content:center;place-items:center;min-height:610px;display:grid}.employees-v2-empty-avatar{width:74px;height:74px;margin-bottom:14px;font-size:22px}.employees-v2-profile-empty h3{color:#0f172a;margin:0;font-size:24px}.employees-v2-profile-empty p{max-width:430px;margin:8px auto 0;font-weight:700}.employees-v2-profile-hero{background:radial-gradient(circle at 90% 10%,#2563eb24,#0000 28%),#f8fafc;border:1px solid #94a3b82e;border-radius:24px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.employees-v2-big-avatar{border-radius:24px;width:72px;height:72px;font-size:26px}.employees-v2-profile-title{min-width:0}.employees-v2-profile-title span{color:#2563eb;font-size:12px;font-weight:1000}.employees-v2-profile-title h3{color:#0f172a;letter-spacing:-.05em;margin:4px 0;font-size:26px;line-height:1.05}.employees-v2-profile-title p{color:#64748b;margin:0;font-weight:800}.employees-v2-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.employees-v2-info-grid div{background:#fff;border:1px solid #94a3b833;border-radius:18px;min-height:76px;padding:13px;box-shadow:0 8px 20px #0f172a09}.employees-v2-info-grid span,.employees-v2-bank-fields span,.employees-v2-salary-grid span,.employees-v2-iban span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:11px;font-weight:1000;display:block}.employees-v2-info-grid b{color:#0f172a;word-break:break-word;font-size:14px;font-weight:950}.employees-v2-content-grid{grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px;display:grid}.employees-v2-section{background:#fff;border:1px solid #94a3b838;border-radius:24px;padding:16px;box-shadow:0 12px 28px #0f172a0b}.employees-v2-section.wide{grid-row:span 2}.employees-v2-section-head{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.employees-v2-section-head h4{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:18px}.employees-v2-section-head p{color:#64748b;margin:4px 0 0;font-size:12px;font-weight:800}.employees-v2-bank-list{gap:12px;display:grid}.employees-v2-bank-card{background:radial-gradient(circle at 100% 0,#2563eb1a,#0000 34%),#f8fafc;border:1px solid #2563eb29;border-radius:20px;padding:14px}.employees-v2-bank-top{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.employees-v2-bank-top b{color:#0f172a;font-size:16px;font-weight:1000;display:block}.employees-v2-bank-top span{color:#64748b;margin-top:4px;font-size:12px;font-weight:800;display:block}.employees-v2-bank-top em{color:#1e40af;background:#dbeafe;border-radius:999px;height:28px;padding:6px 10px;font-size:11px;font-style:normal;font-weight:1000}.employees-v2-iban{background:#eff6ff;border-radius:16px;margin-bottom:10px;padding:12px}.employees-v2-iban b{color:#1e3a8a;word-break:break-all;font-size:14px;font-weight:1000}.employees-v2-bank-fields,.employees-v2-salary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.employees-v2-bank-fields div,.employees-v2-salary-grid div{background:#fff;border:1px solid #94a3b829;border-radius:14px;padding:10px}.employees-v2-bank-fields b,.employees-v2-salary-grid b{color:#0f172a;word-break:break-word;font-size:13px;font-weight:950}.employees-v2-salary-card>div:first-child{background:linear-gradient(135deg,#ecfdf5,#f8fafc);border:1px solid #10b9812e;border-radius:18px;margin-bottom:10px;padding:16px}.employees-v2-salary-card>div:first-child span{color:#047857;text-transform:uppercase;font-size:12px;font-weight:1000;display:block}.employees-v2-salary-card>div:first-child b{color:#064e3b;letter-spacing:-.05em;margin-top:6px;font-size:24px;font-weight:1000;display:block}.employees-v2-records-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.employees-v2-records-grid div{background:#f8fafc;border:1px solid #94a3b82e;border-radius:18px;align-content:center;place-items:center;min-height:86px;display:grid}.employees-v2-records-grid b{color:#0f172a;font-size:26px;font-weight:1000;line-height:1}.employees-v2-records-grid span{color:#64748b;margin-top:7px;font-size:12px;font-weight:900}.employees-v2-empty,.employees-v2-no-data{color:#64748b;text-align:center;background:#f8fafc;border-radius:18px;padding:18px;font-weight:850}.employees-v2-empty b,.employees-v2-empty span{display:block}.employees-v2-empty span{margin-top:5px;font-size:12px}@media (width<=1280px){.employees-v2-layout{grid-template-columns:360px minmax(0,1fr)}.employees-v2-content-grid{grid-template-columns:1fr}.employees-v2-section.wide{grid-row:auto}}@media (width<=980px){.employees-v2-hero,.employees-v2-layout,.employees-v2-profile-hero{grid-template-columns:1fr}.employees-v2-hero-actions{justify-content:stretch}.employees-v2-search,.employees-v2-action{width:100%}.employees-v2-directory{max-height:none;position:static}.employees-v2-metrics,.employees-v2-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.employees-v2-hero{border-radius:22px;padding:18px}.employees-v2-hero h2{font-size:27px}.employees-v2-metrics,.employees-v2-info-grid,.employees-v2-bank-fields,.employees-v2-salary-grid,.employees-v2-records-grid{grid-template-columns:1fr}.employees-v2-profile,.employees-v2-directory{border-radius:20px;padding:12px}}.hum-hrd-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172a73;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.hum-hrd-modal{background:#f8fafc;border:1px solid #dbe3ef;border-radius:26px;flex-direction:column;width:min(1340px,96vw);height:min(860px,92vh);display:flex;overflow:hidden;box-shadow:0 32px 90px #0f172a52}.hum-hrd-header{background:#fff;border-bottom:1px solid #e6edf7;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;display:flex}.hum-hrd-employee-head{align-items:center;gap:16px;display:flex}.hum-hrd-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:20px;place-items:center;width:62px;height:62px;font-size:22px;font-weight:900;display:grid;box-shadow:0 10px 28px #2563eb47}.hum-hrd-employee-head h2{color:#0f172a;margin:0 0 5px;font-size:25px;line-height:1.15}.hum-hrd-meta,.hum-hrd-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hum-hrd-meta{color:#475569;margin-bottom:8px;font-size:13px;font-weight:800}.hum-hrd-chips span{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.hum-hrd-badge{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-flex}.hum-hrd-badge-green{color:#047857;background:#dcfce7}.hum-hrd-close{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:42px;height:42px;font-size:28px;line-height:1}.hum-hrd-close:hover{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.hum-hrd-tabs{background:#fff;border-bottom:1px solid #e6edf7;gap:4px;padding:0 28px;display:flex;overflow-x:auto}.hum-hrd-tabs button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:15px 14px 13px;font-weight:800}.hum-hrd-tabs button.active{color:#1d4ed8;border-bottom-color:#2563eb}.hum-hrd-body{padding:18px 22px 24px;overflow:auto}.hum-hrd-section{background:#fff;border:1px solid #e4eaf3;border-radius:20px;margin-bottom:16px;padding:18px;box-shadow:0 14px 35px #0f172a0d}.hum-hrd-section-head{justify-content:space-between;align-items:center;display:flex}.hum-hrd-section-title{color:#0f172a;margin-bottom:16px;font-size:17px;font-weight:950}.hum-hrd-field-grid{border:1px solid #edf2f7;border-radius:16px;grid-template-columns:repeat(4,minmax(170px,1fr));display:grid;overflow:hidden}.hum-hrd-field{background:#fff;border-bottom:1px solid #edf2f7;border-right:1px solid #edf2f7;min-height:76px;padding:14px 16px}.hum-hrd-field:nth-child(4n){border-right:0}.hum-hrd-field-label{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:900}.hum-hrd-field-value{color:#0f172a;word-break:break-word;font-size:14px;font-weight:850}.hum-hrd-bank-list{gap:12px;margin-top:14px;display:grid}.hum-hrd-bank-card{background:linear-gradient(#f8fbff,#fff);border:1px solid #dbeafe;border-radius:18px;overflow:hidden}.hum-hrd-bank-head{border-bottom:1px solid #e8eef8;justify-content:space-between;gap:12px;padding:15px 16px;display:flex}.hum-hrd-bank-title{color:#0f172a;font-size:17px;font-weight:950}.hum-hrd-bank-sub{color:#64748b;margin-top:3px;font-size:12px;font-weight:800}.hum-hrd-bank-grid{grid-template-columns:repeat(4,minmax(150px,1fr));display:grid}.hum-hrd-mini-table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden}.hum-hrd-mini-table th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px;font-size:12px}.hum-hrd-mini-table td{color:#0f172a;border-bottom:1px solid #eef2f7;padding:12px;font-weight:750}.hum-hrd-empty{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:22px;font-weight:800}@media (width<=1100px){.hum-hrd-field-grid,.hum-hrd-bank-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=700px){.hum-hrd-backdrop{padding:10px}.hum-hrd-modal{border-radius:18px;width:100vw;height:96vh}.hum-hrd-header{padding:18px}.hum-hrd-field-grid,.hum-hrd-bank-grid{grid-template-columns:1fr}}.card:empty,.empty-panel:empty{display:none!important}.employees-grid,.employee-grid,.employees-layout,.employee-layout,.employee-page-grid,.hr-employees-grid,.hr-employee-grid,.hr-layout,.hr-main-grid{grid-template-columns:1fr!important}:is(main:has(.hum-hrd-backdrop) .card:empty,main:has(.hum-hrd-modal) .card:empty){display:none!important}:is(.card:has(table),.card:has(.searchbox),.card:has(input[placeholder*=Search\ employee])){width:100%!important;max-width:none!important}.card:has(+.card:empty){width:100%!important}.card:has(input[placeholder*=Search\ employee])+.card{display:none!important}.card:has(input[placeholder*=Search\ employee])~.card:empty{display:none!important}.card:has(input[placeholder*=Search\ employee])~.profile-panel{display:none!important}.card:has(input[placeholder*=Search\ employee])~.employee-profile-panel{display:none!important}.card:has(input[placeholder*=Search\ employee])~.profile-card{display:none!important}.card:has(input[placeholder*=Search\ employee]){min-height:calc(100vh - 230px);grid-column:1/-1!important}.card:has(input[placeholder*=Search\ employee]) table{border-collapse:separate!important;border-spacing:0 8px!important;width:100%!important}.card:has(input[placeholder*=Search\ employee]) th{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;background:#f8fafc!important;border-bottom:1px solid #e5e7eb!important;padding:12px 14px!important;font-size:12px!important}.card:has(input[placeholder*=Search\ employee]) td{background:#fff!important;border-top:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;padding:14px!important}.card:has(input[placeholder*=Search\ employee]) tbody tr{cursor:pointer!important}.card:has(input[placeholder*=Search\ employee]) tbody tr:hover td{background:#eff6ff!important}.hum-report-table-wrap{width:100%;padding-bottom:8px;overflow:auto}.hum-important-employee-table{border-collapse:separate;border-spacing:0 8px;width:100%;min-width:1480px}.hum-important-employee-table th{color:#64748b;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px;font-size:11px}.hum-important-employee-table td{color:#111827;vertical-align:middle;white-space:nowrap;background:#fff;border-top:1px solid #e6edf5;border-bottom:1px solid #e6edf5;padding:13px 12px;font-size:13px;font-weight:700}.hum-important-employee-table tbody tr{cursor:pointer}.hum-important-employee-table tbody tr:hover td{background:#eff6ff}.hum-important-employee-table td:first-child{border-left:1px solid #e6edf5;border-radius:14px 0 0 14px}.hum-important-employee-table td:last-child{border-right:1px solid #e6edf5;border-radius:0 14px 14px 0}.hum-report-name{min-width:220px;color:#0f172a!important;font-weight:900!important}.hum-report-bank{text-overflow:ellipsis;max-width:210px;overflow:hidden}.hum-report-action-col{text-align:center!important}.hum-report-view-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #bfdbfe;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:900}.hum-report-view-btn:hover{background:#1d4ed8}.hum-report-empty{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:26px;font-weight:900}:is(.workspace:has(.employee-list),.workspace){grid-template-columns:1fr!important}.hum-important-report-row{cursor:pointer!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:14px!important;margin:8px 0!important;overflow:hidden!important;box-shadow:0 4px 12px #0f172a08!important}.hum-report-bank{max-width:100%!important}.hum-report-status{letter-spacing:.03em!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:5px 11px!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important}.hum-report-details-btn:hover{background:#1d4ed8!important}.workspace:has(.employee-list){grid-template-columns:1fr!important}.employee-list{grid-column:1/-1!important;width:100%!important;max-width:none!important}.employee-list .table.hum-important-report-table{padding-bottom:8px!important;overflow-x:auto!important}.hum-important-report-head,.hum-important-report-row{grid-template-columns:92px minmax(230px,1.6fr) minmax(135px,1fr) minmax(145px,1fr) minmax(125px,.9fr) minmax(135px,1fr) minmax(120px,.9fr) minmax(130px,.9fr) minmax(90px,.7fr) minmax(170px,1.1fr) 100px 95px!important;align-items:center!important;min-width:1550px!important;display:grid!important}.hum-important-report-head{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.06em!important;background:#f8fafc!important;border-bottom:1px solid #e5e7eb!important;padding:0 10px!important;font-size:11px!important;font-weight:950!important}.hum-important-report-head span{white-space:nowrap!important;padding:12px 10px!important}.hum-important-report-row{cursor:pointer!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:14px!important;margin:8px 0!important;overflow:hidden!important}.hum-important-report-row:hover{background:#eff6ff!important;border-color:#bfdbfe!important}.hum-important-report-row>span{color:#111827!important;white-space:nowrap!important;text-overflow:ellipsis!important;border-right:1px solid #eef2f7!important;align-items:center!important;min-height:48px!important;padding:12px 10px!important;font-size:13px!important;font-weight:750!important;display:flex!important;overflow:hidden!important}.hum-important-report-row>span:last-child{border-right:0!important}.hum-report-code{color:#1d4ed8!important;font-weight:950!important}.hum-report-name{color:#0f172a!important;font-weight:950!important}.hum-report-status{border-radius:999px!important;justify-content:center!important;align-items:center!important;padding:5px 11px!important;font-size:11px!important;font-weight:950!important;display:inline-flex!important}.hum-report-status.active{color:#047857!important;background:#dcfce7!important}.hum-report-status.inactive{color:#991b1b!important;background:#fee2e2!important}.hum-report-details-btn{color:#fff!important;cursor:pointer!important;background:#2563eb!important;border:1px solid #bfdbfe!important;border-radius:10px!important;padding:8px 11px!important;font-size:12px!important;font-weight:900!important}.stat-card,.stats .card,.stats>*{min-height:78px!important;padding:12px 14px!important}.employee-list{padding:14px!important}.employee-list .card-head{margin-bottom:10px!important;padding-bottom:10px!important}.employee-list .card-head h2{margin:0!important;font-size:18px!important}.employee-list .searchbox{height:36px!important;min-height:36px!important}.hum-important-report-head{padding:0 6px!important;font-size:10px!important}.hum-important-report-row{border-radius:10px!important;margin:5px 0!important}.hum-important-report-row>span{min-height:38px!important;padding:8px 7px!important;font-size:12px!important;line-height:1.15!important}.hum-report-status{min-height:20px!important;padding:3px 8px!important;font-size:10px!important}.hum-report-details-btn{border-radius:8px!important;padding:5px 8px!important;font-size:11px!important}.hum-hrd-employee-head h2{font-size:20px!important}.hum-hrd-tabs button{padding:10px 10px 9px!important;font-size:12px!important}.hum-hrd-field-value{font-size:12px!important}.app-main,.main,.content,.page-content{padding-top:10px!important}.workspace:has(.employee-list){gap:10px!important}.stats{gap:8px!important;margin-bottom:8px!important}.stats>*,.stat-card{border-radius:14px!important;min-height:58px!important;padding:9px 11px!important}.stat-card h3,.stat-card .title,.stats h3{margin:0!important;font-size:11px!important}.stat-card strong,.stat-card .value,.stats strong{font-size:19px!important;line-height:1!important}.employee-list{border-radius:16px!important;padding:10px!important}.employee-list .card-head{min-height:38px!important;margin-bottom:7px!important;padding-bottom:7px!important}.employee-list .card-head h2{font-size:16px!important;line-height:1!important}.employee-list .searchbox{border-radius:10px!important;height:30px!important;min-height:30px!important}.employee-list .searchbox input{height:28px!important;font-size:12px!important}.employee-list .table.hum-important-report-table{max-height:calc(100vh - 205px)!important;overflow:auto!important}.hum-important-report-head,.hum-important-report-row{grid-template-columns:72px minmax(170px,1.4fr) minmax(100px,.8fr) minmax(105px,.8fr) minmax(90px,.7fr) minmax(105px,.8fr) minmax(95px,.7fr) minmax(98px,.7fr) 65px minmax(110px,.8fr) 76px 68px!important;min-width:1160px!important}.hum-important-report-head{z-index:4!important;padding:0 4px!important;font-size:9px!important;position:sticky!important;top:0!important}.hum-important-report-head span{padding:6px 5px!important}.hum-important-report-row{box-shadow:none!important;border-radius:8px!important;margin:3px 0!important}.hum-important-report-row>span{border-right:1px solid #f1f5f9!important;min-height:30px!important;padding:5px!important;font-size:11px!important;line-height:1.05!important}.hum-report-code,.hum-report-name{font-size:11px!important}.hum-report-status{min-height:17px!important;padding:2px 6px!important;font-size:9px!important;line-height:1!important}.hum-report-details-btn{border-radius:7px!important;padding:3px 6px!important;font-size:10px!important;line-height:1.1!important}.hum-important-report-row:hover{transform:none!important}.hum-hrd-modal{border-radius:14px!important;width:min(1120px,96vw)!important;height:min(700px,92vh)!important}.hum-hrd-header{padding:10px 14px 8px!important}.hum-hrd-avatar{border-radius:11px!important;width:38px!important;height:38px!important;font-size:14px!important}.hum-hrd-employee-head{gap:9px!important}.hum-hrd-employee-head h2{margin-bottom:3px!important;font-size:16px!important}.hum-hrd-meta{margin-bottom:4px!important;font-size:11px!important}.hum-hrd-chips{gap:5px!important}.hum-hrd-chips span{padding:2px 6px!important;font-size:10px!important}.hum-hrd-close{border-radius:9px!important;width:30px!important;height:30px!important;font-size:20px!important}.hum-hrd-tabs{padding:0 12px!important}.hum-hrd-tabs button{border-bottom-width:2px!important;padding:7px 8px 6px!important;font-size:11px!important}.hum-hrd-body{padding:8px 10px 10px!important}.hum-hrd-section{border-radius:11px!important;margin-bottom:7px!important;padding:9px!important}.hum-hrd-section-title{margin-bottom:7px!important;font-size:12px!important}.hum-hrd-field-grid{border-radius:9px!important;grid-template-columns:repeat(4,minmax(120px,1fr))!important}.hum-hrd-field{min-height:44px!important;padding:6px 7px!important}.hum-hrd-field-label{margin-bottom:3px!important;font-size:9px!important}.hum-hrd-field-value{font-size:11px!important;line-height:1.15!important}.hum-hrd-bank-head{padding:7px 9px!important}.hum-hrd-bank-title{font-size:12px!important}.hum-hrd-bank-sub{font-size:10px!important}.hum-hrd-bank-grid{grid-template-columns:repeat(4,minmax(115px,1fr))!important}.hum-hrd-actionbar{justify-content:flex-end!important;margin:0 0 7px!important;display:flex!important}.hum-hrd-add-detail-btn{color:#fff!important;cursor:pointer!important;background:#2563eb!important;border:1px solid #bfdbfe!important;border-radius:8px!important;padding:6px 10px!important;font-size:11px!important;font-weight:900!important}.hum-hrd-add-detail-btn:hover{background:#1d4ed8!important}.hum-hrd-add-section{background:#f8fbff!important;border-color:#bfdbfe!important}.hum-hrd-add-head{justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:8px!important;display:flex!important}.hum-hrd-add-head .hum-hrd-section-title{margin:0!important}.hum-hrd-cancel-add{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:5px 9px!important;font-size:11px!important;font-weight:900!important}.hum-hrd-add-field input,.hum-hrd-add-field select{color:#0f172a!important;background:#fff!important;border:1px solid #dbe3ef!important;border-radius:8px!important;outline:none!important;height:30px!important;padding:0 8px!important;font-size:11px!important;font-weight:700!important}.hum-hrd-checkline{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:8px!important;align-items:center!important;gap:7px!important;height:30px!important;padding:0 8px!important;display:flex!important}.hum-hrd-checkline input{width:14px!important;height:14px!important}.hum-hrd-checkline b{font-size:11px!important}.hum-hrd-add-actions{justify-content:flex-end!important;margin-top:9px!important;display:flex!important}.hum-hrd-save-detail-btn{color:#fff!important;cursor:pointer!important;background:#16a34a!important;border:1px solid #16a34a!important;border-radius:8px!important;padding:6px 14px!important;font-size:11px!important;font-weight:950!important}.hum-hrd-save-detail-btn:disabled{opacity:.6!important;cursor:wait!important}@media (width<=900px){.hum-hrd-add-grid{grid-template-columns:repeat(2,minmax(130px,1fr))!important}}@media (width<=600px){.hum-hrd-add-grid{grid-template-columns:1fr!important}}.hum-hrd-edit-detail-btn:hover{background:#1d4ed8!important}.hum-hrd-add-field input:focus,.hum-hrd-add-field select:focus{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb1a!important}.hum-hrd-personal-head{margin-bottom:7px!important}.hum-hrd-personal-head .hum-hrd-section-title{margin-bottom:0!important}.hum-hrd-edit-detail-btn{color:#fff!important;cursor:pointer!important;background:#2563eb!important;border:1px solid #bfdbfe!important;border-radius:8px!important;padding:5px 10px!important;font-size:11px!important;font-weight:900!important}.hum-hrd-edit-box{background:#f8fbff!important;border:1px solid #bfdbfe!important;border-radius:10px!important;padding:8px!important}.hum-hrd-edit-actions{justify-content:flex-end!important;gap:8px!important;margin-top:9px!important;display:flex!important}.hum-hrd-add-grid{grid-template-columns:repeat(4,minmax(125px,1fr))!important;gap:7px!important;display:grid!important}.hum-hrd-add-field{gap:4px!important;display:grid!important}.hum-hrd-add-field>span{color:#64748b!important;font-size:9px!important;font-weight:900!important}.hum-hrd-add-field input,.hum-hrd-add-field select{color:#0f172a!important;background:#fff!important;border:1px solid #dbe3ef!important;border-radius:7px!important;outline:none!important;width:100%!important;height:28px!important;padding:0 7px!important;font-size:11px!important;font-weight:700!important}