: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}.field span{color:var(--muted);font-size:12px;font-weight:900}.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-page{gap:12px;display:grid}.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-table{gap:6px;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.doc{grid-template-columns:1fr 110px 100px 125px}.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.pending,.ess-pill.draft{color:#854d0e;background:#fef3c7}.ess-pill.approved,.ess-pill.ok,.ess-pill.verified,.ess-pill.completed{color:#166534;background:#dcfce7}.ess-pill.rejected,.ess-pill.expired,.ess-pill.cancelled{color:#991b1b;background:#fee2e2}.ess-empty{color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;padding:16px;font-size:13px}.ess-mini-list{gap:7px;display:grid}.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}.ess-toast{z-index:1000;color:#fff;border-radius:14px;padding:11px 14px;font-size:13px;font-weight:800;position:fixed;top:18px;right:18px;box-shadow:0 16px 50px #0f172a38}.ess-toast.success{background:#16a34a}.ess-toast.error{background:#dc2626}@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}}