:root{--primary:#0047a1;--primary-strong:#00377d;--secondary:#22c55e;--secondary-strong:#16a34a;--accent:#f59e0b;--background:#f5f7fa;--surface:#fff;--surface-muted:#f8fafc;--text:#0f172a;--text-muted:#64748b;--border:#dfe5ec;--success:#16a34a;--warning:#b7791f;--info:#2563eb;--radius-sm:8px;--radius-md:14px;--shadow:0 10px 30px #0f172a0f;--sidebar:258px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{grid-template-columns:var(--sidebar) 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;z-index:30;background:linear-gradient(#06285c 0%,#071c36 100%);height:100vh;padding:20px 14px;position:sticky;top:0;overflow-y:auto;box-shadow:8px 0 24px #0f172a14}.brand{align-items:center;gap:11px;min-height:48px;margin:0 8px 22px;display:flex}.brand-mark{color:#fff;letter-spacing:-.08em;background:linear-gradient(135deg,#0f5fd7,#22c55e);border-radius:10px;justify-content:center;align-items:center;gap:1px;width:46px;height:40px;font-weight:900;display:flex;box-shadow:0 8px 20px #0047a147}.brand-mark span:first-child{font-size:21px}.brand-mark span:last-child{font-size:13px}.brand-copy{min-width:0}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.01em;font-size:15px}.brand small{color:#9fc1e9;margin-top:2px;font-size:11px}.sidebar-section-label{color:#7ea7d6;text-transform:uppercase;letter-spacing:.12em;padding:0 12px 8px;font-size:10px;font-weight:800}.sidebar nav{gap:5px;display:grid}.nav-item{color:#d8e6f6;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:43px;padding:9px 11px;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#0b56c4,#0f68d5);box-shadow:0 8px 18px #0047a13d}.nav-item[aria-disabled=true]{opacity:.7}.nav-icon{border:1px solid #ffffff2e;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid}.sidebar-footer{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;margin-top:24px;padding:14px 12px;display:flex}.sidebar-footer-badge{width:38px;height:38px;color:var(--primary);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:11px}.sidebar-footer small{color:#9fc1e9;margin-top:3px;font-size:9px}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title strong{font-size:17px}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button,.avatar{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer}.icon-button:hover{background:#f8fafc;border-color:#b9c7d8}.avatar{color:#fff;background:linear-gradient(135deg,var(--primary),#1f6cd1);font-weight:700}.user-chip{border-radius:999px;align-items:center;gap:9px;padding:4px 8px 4px 4px;display:flex}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{color:var(--text-muted);margin-top:1px;font-size:10px}.mobile-menu,.mobile-close,.sidebar-backdrop{display:none}.workspace{width:100%;max-width:1600px;margin:auto;padding:28px}.page-heading,.dashboard-hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.page-heading h1,.dashboard-hero h1{letter-spacing:-.035em;margin:4px 0 6px;font-size:clamp(28px,3vw,40px)}.page-heading p,.dashboard-hero p{color:var(--text-muted);margin:0}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:10px;font-weight:800}.primary-button{background:linear-gradient(135deg,var(--primary),#1463c7);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:700;box-shadow:0 7px 18px #0047a12e}.primary-button:hover{background:var(--primary-strong)}.secondary-button{color:#18324f;cursor:pointer;background:#fff;border:1px solid #cdd8e6;border-radius:9px;padding:10px 15px;font-weight:700}.secondary-button:hover{background:#f8fbff;border-color:#a9bdd5}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:700}.dashboard-actions{gap:10px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.kpi-card{border-top:3px solid #e8eff8;gap:8px;padding:20px;display:grid;position:relative;overflow:hidden}.kpi-card:after{content:"";background:#0047a10a;border-radius:50%;width:78px;height:78px;position:absolute;top:-24px;right:-24px}.kpi-card span,.kpi-card small{color:var(--text-muted)}.kpi-card strong{letter-spacing:-.02em;font-size:28px}.kpi-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.kpi-icon{background:#eff6ff;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid;color:var(--primary)!important}.kpi-blue{border-top-color:var(--primary)}.kpi-green{border-top-color:var(--secondary)}.kpi-green .kpi-icon{background:#ecfdf3;color:#16865c!important}.kpi-orange{border-top-color:var(--accent)}.kpi-orange .kpi-icon{background:#fff7e6;color:#b7791f!important}.kpi-purple{border-top-color:#7c3aed}.kpi-purple .kpi-icon{background:#f5f0ff;color:#7c3aed!important}.content-grid{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.dashboard-grid{grid-template-columns:1.35fr .85fr;gap:16px;display:grid}.panel{padding:22px}.panel-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:24px;display:flex}.panel h2{margin:4px 0 0;font-size:20px}.workforce-panel{min-height:360px}.attendance-summary{justify-content:space-between;align-items:center;gap:24px;padding:10px 0 20px;display:flex}.attendance-summary>div:first-child{gap:4px;display:grid}.summary-label{color:var(--text-muted);font-size:13px}.summary-value{letter-spacing:-.04em;font-size:38px}.attendance-summary small{color:var(--text-muted)}.attendance-ring{background:conic-gradient(var(--secondary) 0 95.9%, #e9eef5 95.9% 100%);border-radius:50%;flex:none;place-items:center;width:110px;height:110px;display:grid;position:relative}.attendance-ring:after{content:"";background:#fff;border-radius:50%;width:78px;height:78px;position:absolute}.attendance-ring span{z-index:1;font-size:16px;font-weight:800;position:relative}.progress-row{justify-content:space-between;margin-bottom:8px;display:flex}.progress{background:#edf1f7;border-radius:999px;height:10px;overflow:hidden}.progress span{background:linear-gradient(90deg,var(--primary),#5b8ee5);border-radius:inherit;height:100%;display:block}.metric-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.metric-row span{background:var(--surface-muted);color:var(--text-muted);border:1px solid #eef2f6;border-radius:10px;padding:14px}.metric-row strong{color:var(--text);margin-top:6px;font-size:18px;display:block}.metric-row small{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.activity-list{gap:4px;display:grid}.activity-list>div{border-bottom:1px solid var(--border);grid-template-columns:84px 1fr 28px;align-items:center;gap:12px;padding:12px 0;display:grid}.activity-list>div:last-child{border-bottom:0}.activity-list p,.activity-list strong,.activity-list small{margin:0;display:block}.activity-list small{color:var(--text-muted);margin-top:4px}.status{text-align:center;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800}.status.warning{color:#8a5514;background:#fff5df}.status.info{color:#244fa8;background:#edf3ff}.status.success{color:#0d6846;background:#e8f7f0}.row-action{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--primary);background:#fff;border-radius:8px;font-size:19px}.quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.quick-link-grid button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:12px;gap:5px;padding:16px;transition:all .18s;display:grid}.quick-link-grid button:hover{border-color:#b7c9dd;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a0f}.quick-link-grid button>span{width:34px;height:34px;color:var(--primary);background:#eef5ff;border-radius:9px;place-items:center;font-weight:800;display:grid}.quick-link-grid strong{font-size:13px}.quick-link-grid small{color:var(--text-muted);font-size:10px}.mini-chart{align-items:end;gap:10px;height:176px;padding:8px 2px 0;display:flex}.mini-chart span{background:linear-gradient(#2c72d6,#80a9e5);border-radius:8px 8px 3px 3px;flex:1;min-width:10px}.insight-footer{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.insight-footer span{background:var(--surface-muted);border-radius:10px;padding:10px}.insight-footer small,.insight-footer strong{display:block}.insight-footer small{color:var(--text-muted);font-size:9px}.insight-footer strong{margin-top:4px;font-size:15px}@media (max-width:1180px){:root{--sidebar:84px}.brand-copy,.sidebar-section-label,.nav-item>span:last-child,.sidebar-footer{display:none}.brand{justify-content:center;margin-inline:0}.brand-mark{width:42px}.nav-item{justify-content:center;padding-inline:8px}.nav-item:hover{transform:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.dashboard-grid{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{display:block}.sidebar{width:min(86vw,310px);height:100dvh;padding:18px 14px;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-104%);box-shadow:20px 0 50px #0f172a3d}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{opacity:0;visibility:hidden;z-index:25;background:#02061775;border:0;transition:all .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;visibility:visible}.brand{justify-content:flex-start;margin:0 6px 20px}.brand-copy,.sidebar-section-label,.nav-item>span:last-child,.sidebar-footer{display:block}.sidebar nav{display:grid}.nav-item{justify-content:flex-start;padding-inline:11px}.mobile-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:9px;place-items:center;width:34px;height:34px;margin-left:auto;font-size:22px;display:grid}.mobile-menu{border:1px solid var(--border);width:38px;height:38px;color:var(--primary);cursor:pointer;background:#fff;border-radius:9px;place-items:center;display:grid}.topbar{height:64px;padding:0 14px}.topbar-actions .icon-button:first-child,.user-chip>div:last-child,.topbar-actions .text-button{display:none}.workspace{padding:18px 14px 30px}.page-heading,.dashboard-hero{flex-direction:column;align-items:stretch;gap:14px}.page-heading h1,.dashboard-hero h1{font-size:28px}.dashboard-actions{width:100%}.dashboard-actions button{flex:1}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px}.kpi-card{padding:16px}.kpi-card strong{font-size:23px}.metric-row{grid-template-columns:1fr}.attendance-summary{align-items:flex-start}.attendance-ring{width:92px;height:92px}.attendance-ring:after{width:64px;height:64px}.quick-link-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.topbar-title strong{font-size:14px}.eyebrow{font-size:9px}.topbar-actions{gap:6px}.kpi-grid{grid-template-columns:1fr}.panel{padding:16px}.workspace{padding-inline:12px}.dashboard-actions{grid-template-columns:1fr;display:grid}.attendance-summary{flex-direction:column}.activity-list>div{grid-template-columns:74px 1fr 28px;gap:8px}.quick-link-grid,.insight-footer{grid-template-columns:1fr}}
.mobile-menu,.mobile-close,.sidebar-backdrop{display:none}.topbar-title{align-items:center;gap:12px;display:flex}@media (max-width:700px){.app-shell{display:block}.mobile-menu{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.sidebar{z-index:30;width:min(86vw,320px);height:100vh;padding:20px 16px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:20px 0 50px #0f172a3d}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open nav{display:grid}.sidebar .brand{justify-content:flex-start;margin:0 8px 24px}.sidebar .brand>div,.sidebar .nav-item>span:last-child{display:block}.sidebar .nav-item{justify-content:flex-start}.mobile-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #344054;border-radius:10px;place-items:center;width:36px;height:36px;margin-left:auto;font-size:24px;display:grid}.sidebar-backdrop{z-index:20;background:#0f172a85;border:0;position:fixed;inset:0}.sidebar-backdrop.visible{display:block}.topbar{position:sticky}}
.auth-page{background:var(--surface);grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);min-height:100vh;display:grid}.auth-visual{color:#fff;background:linear-gradient(145deg,#101828,#172554 58%,#1d4ed8);flex-direction:column;justify-content:space-between;gap:48px;padding:48px;display:flex}.auth-visual h1{letter-spacing:-.045em;max-width:760px;margin:12px 0 18px;font-size:clamp(36px,5vw,64px);line-height:1.04}.auth-lead{color:#d0d5dd;max-width:620px;font-size:18px;line-height:1.6}.auth-brand{align-items:center;gap:12px;font-size:20px;display:flex}.auth-brand span{color:#1d4ed8;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.eyebrow.light{color:#bfdbfe}.auth-visual small{color:#98a2b3}.auth-form-panel{place-items:center;padding:48px 7vw;display:grid}.auth-form-wrap{width:min(100%,480px)}.register-form-wrap{width:min(100%,680px)}.auth-form-wrap h2{letter-spacing:-.03em;margin:8px 0;font-size:34px}.form-subtitle{color:var(--text-muted);margin:0 0 28px;line-height:1.55}.auth-form{gap:18px;display:grid}.auth-form label{gap:8px;font-size:14px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:12px 14px}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2457d61f}.auth-submit{margin-top:4px}.auth-submit:disabled{opacity:.6;cursor:wait}.form-error{color:#a32929;background:#fff0f0;border:1px solid #ffd2d2;border-radius:10px;padding:12px 14px;font-weight:600}.auth-switch{color:var(--text-muted);margin-top:24px}.auth-switch a,.primary-link{color:var(--primary);font-weight:800;text-decoration:none}.two-column-form{grid-template-columns:1fr 1fr}.two-column-form .full{grid-column:1/-1}.success-panel{text-align:center}.success-mark{color:#0d6846;background:#e8f7f0;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:30px;font-weight:900;display:grid}.primary-link{background:var(--primary);color:#fff;border-radius:10px;padding:11px 16px;display:inline-block}.auth-single{grid-template-columns:1fr}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:340px;padding:32px}.auth-visual h1{font-size:40px}.auth-form-panel{padding:40px 24px}.two-column-form{grid-template-columns:1fr}.two-column-form .full{grid-column:auto}}@media (max-width:520px){.auth-visual{min-height:280px;padding:24px}.auth-visual h1{font-size:32px}.auth-lead{font-size:16px}.auth-form-panel{padding:32px 18px}.auth-form-wrap h2{font-size:28px}}
.superadmin-shell{max-width:1600px;margin:0 auto;padding:28px}.superadmin-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.superadmin-header h1{margin:6px 0;font-size:clamp(30px,4vw,44px)}.superadmin-header p{color:var(--text-muted);margin:0}.admin-link{align-items:center;text-decoration:none;display:inline-flex}.admin-message{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:0 0 16px;padding:12px 14px}.admin-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.admin-kpi,.admin-panel,.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.admin-kpi{padding:18px}.admin-kpi span{color:var(--text-muted);font-size:13px;display:block}.admin-kpi strong{margin-top:8px;font-size:28px;display:block}.admin-panel{margin-bottom:18px;padding:22px}.admin-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-panel-heading h2{margin:4px 0 0}.admin-panel select,.admin-table select{border:1px solid var(--border);background:var(--surface);border-radius:9px;min-height:38px;padding:0 10px}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:900px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 12px}.admin-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px}.admin-table td small{color:var(--text-muted);margin-top:4px;display:block}.admin-actions{gap:8px;display:flex}.admin-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 10px;font-weight:700}.admin-actions .danger{color:#b42318;background:#fff6f5}.admin-status{color:#475467;background:#f2f4f7;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.admin-status.active{color:#0d6846;background:#e8f7f0}.admin-status.pendingapproval{color:#8a5514;background:#fff5df}.admin-status.suspended,.admin-status.rejected{color:#b42318;background:#fff0ee}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plan-card{padding:18px}.plan-title{justify-content:space-between;align-items:start;gap:12px;display:flex}.plan-title h3{margin:0 0 4px}.plan-title small{color:var(--text-muted)}.plan-limits{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.plan-limits span{background:var(--surface-muted);color:var(--text-muted);border-radius:10px;padding:12px;font-size:12px}.plan-limits strong{color:var(--text);font-size:17px;display:block}.feature-list{flex-wrap:wrap;gap:7px;display:flex}.feature-list span{color:#244fa8;background:#edf3ff;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:800}.empty-cell{color:var(--text-muted);text-align:center!important;padding:28px!important}@media (max-width:1100px){.admin-kpis{grid-template-columns:repeat(3,1fr)}.plan-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.superadmin-shell{padding:18px 14px}.superadmin-header{flex-direction:column;align-items:stretch}.admin-link{justify-content:center}.admin-kpis{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.admin-panel{padding:16px}.admin-panel-heading{flex-direction:column;align-items:stretch}}
.org-page{gap:22px;display:grid}.org-hero{background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.org-hero-main{align-items:center;gap:16px;min-width:0;display:flex}.org-logo{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;font-size:18px;font-weight:900;display:grid;box-shadow:0 10px 24px #0047a133}.org-hero h1{letter-spacing:-.035em;margin:3px 0 5px;font-size:clamp(26px,3vw,38px)}.org-hero p{color:var(--text-muted);margin:0}.org-hero-meta{grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;display:grid}.org-hero-meta span{border:1px solid var(--border);background:#ffffffd6;border-radius:11px;padding:11px 13px}.org-hero-meta small,.org-hero-meta strong{display:block}.org-hero-meta small{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:9px;font-weight:800}.org-hero-meta strong{margin-top:4px;font-size:12px}.org-section-heading{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.org-section-heading h2{margin:3px 0 4px;font-size:21px}.org-section-heading p{color:var(--text-muted);margin:0;font-size:13px}.org-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.org-summary-card{background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:13px;align-items:center;gap:12px;padding:15px;transition:all .18s;display:flex;box-shadow:0 5px 18px #0f172a09}.org-summary-card:hover{border-color:#bfd0e5;transform:translateY(-2px)}.org-summary-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #0047a11a,0 8px 24px #0047a114}.org-summary-icon{width:36px;height:36px;color:var(--primary);background:#edf4ff;border-radius:10px;place-items:center;font-weight:900;display:grid}.org-summary-card.selected .org-summary-icon{background:var(--primary);color:#fff}.org-summary-copy strong,.org-summary-copy small{display:block}.org-summary-copy strong{font-size:22px;line-height:1}.org-summary-copy small{color:var(--text-muted);margin-top:5px;font-size:11px}.org-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;display:grid}.org-profile-panel,.org-master-panel{min-width:0}.panel-heading p{color:var(--text-muted);margin:5px 0 0;font-size:12px}.org-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.org-form label{color:#334155;gap:7px;font-size:12px;font-weight:700;display:grid}.org-form input,.org-form textarea,.org-master-create input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;outline:none;padding:11px 12px;transition:all .16s}.org-form input:focus,.org-form textarea:focus,.org-master-create input:focus{border-color:#80a7d7;box-shadow:0 0 0 3px #0047a114}.org-form textarea{resize:vertical;min-height:96px}.span-2{grid-column:1/-1}.org-form-actions{justify-content:flex-end;padding-top:2px;display:flex}.org-master-create{background:var(--surface-muted);border:1px solid #edf1f5;border-radius:12px;grid-template-columns:100px 1fr 1.25fr auto;gap:10px;margin-bottom:14px;padding:14px;display:grid}.org-list{display:grid}.org-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:13px 2px;display:flex}.org-list-row:last-child{border-bottom:0}.org-list-main{align-items:center;gap:11px;min-width:0;display:flex}.org-list-avatar{width:34px;height:34px;color:var(--primary);background:#eef4fb;border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.org-list-row strong{font-size:13px}.org-list-row small{color:var(--text-muted);overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.org-row-actions{flex:none;align-items:center;gap:10px;display:flex}.org-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);background:#fbfcfe;border-radius:12px;padding:32px 12px}.org-toast{color:#0d6846;background:#e8f7f0;border:1px solid #c9ecdd;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700}@media (max-width:1180px){.org-hero{flex-direction:column;align-items:flex-start}.org-hero-meta{grid-template-columns:repeat(3,1fr);width:100%}.org-grid{grid-template-columns:1fr}.org-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.org-summary-grid{grid-template-columns:repeat(2,1fr)}.org-master-create{grid-template-columns:1fr 1fr}.org-master-create .primary-button{width:auto}.org-master-create input:nth-child(3){grid-column:1/-1}}@media (max-width:620px){.org-page{gap:18px}.org-hero{padding:16px}.org-hero-main{align-items:flex-start}.org-logo{border-radius:13px;width:48px;height:48px}.org-hero-meta{grid-template-columns:1fr}.org-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.org-summary-card{gap:9px;padding:12px}.org-summary-icon{width:32px;height:32px}.org-summary-copy strong{font-size:19px}.org-form{grid-template-columns:1fr}.span-2{grid-column:auto}.org-form-actions{justify-content:stretch}.org-form-actions .primary-button{width:100%}.org-master-create{grid-template-columns:1fr}.org-master-create input:nth-child(3){grid-column:auto}.org-master-create .primary-button{width:100%}.org-list-row{flex-direction:column;align-items:flex-start}.org-row-actions{justify-content:space-between;width:100%}.org-section-heading{align-items:flex-start}.org-section-heading h2{font-size:19px}}@media (max-width:420px){.org-summary-grid{grid-template-columns:1fr}.org-hero-main{gap:11px}.org-hero h1{font-size:24px}}
.employee-page{gap:18px;display:grid}.employee-hero{background:linear-gradient(135deg,#fff 0%,#f6faff 62%,#eef8f1 100%);justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;overflow:hidden}.employee-hero-copy{max-width:720px}.employee-hero h1{letter-spacing:-.04em;margin:4px 0 8px;font-size:clamp(30px,3.6vw,46px)}.employee-hero p{color:var(--text-muted);margin:0}.employee-hero-actions{flex:none;align-items:center;gap:12px;display:flex}.employee-code-preview{border:1px solid var(--border);background:#fffc;border-radius:12px;padding:10px 14px}.employee-code-preview span,.employee-code-preview strong{display:block}.employee-code-preview span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.employee-code-preview strong{color:var(--primary);margin-top:3px;font-size:15px}.employee-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.employee-kpi{align-items:center;gap:12px;padding:17px;display:flex}.employee-kpi-icon{width:42px;height:42px;color:var(--primary);background:#edf4ff;border-radius:12px;flex:none;place-items:center;font-weight:900;display:grid}.employee-kpi-icon.success{color:#0d6846;background:#e8f7f0}.employee-kpi-icon.info{color:#4f46e5;background:#eef2ff}.employee-kpi-icon.warning{color:#9a6619;background:#fff5df}.employee-kpi small,.employee-kpi span{color:var(--text-muted);display:block}.employee-kpi strong{margin:2px 0;font-size:24px;display:block}.employee-kpi div>span{font-size:11px}.employee-message{color:#0d6846;background:#e8f7f0;border:1px solid #cdebdc;border-radius:10px;padding:12px 14px;font-weight:700}.employee-layout{grid-template-columns:minmax(330px,.82fr) minmax(0,1.45fr);gap:16px;display:grid}.employee-list-card,.employee-profile{min-height:560px;padding:18px}.employee-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.employee-card-head h2,.employee-profile h2{margin:3px 0}.employee-card-head small{color:var(--text-muted)}.employee-toolbar{border-bottom:1px solid var(--border);padding-bottom:12px;position:relative}.employee-search-icon{color:var(--text-muted);font-size:18px;position:absolute;top:10px;left:12px}.employee-toolbar input,.employee-form input,.employee-form select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 12px;transition:all .18s}.employee-toolbar input{padding-left:36px}.employee-toolbar input:focus,.employee-form input:focus,.employee-form select:focus{border-color:#91afe0;box-shadow:0 0 0 3px #0047a114}.employee-list{display:grid}.employee-row{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 8px;transition:all .16s;display:grid}.employee-row:hover{background:#f8fbff}.employee-row.selected{box-shadow:inset 3px 0 0 var(--primary);background:linear-gradient(90deg,#eef5ff,#f8fbff)}.employee-row small,.employee-row em{color:var(--text-muted);margin-top:3px;font-style:normal;display:block}.employee-row em{font-size:11px}.employee-row-copy{min-width:0}.employee-row-copy strong,.employee-row-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-avatar{color:#174f97;background:linear-gradient(135deg,#dbeafe,#dcfce7);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.employee-avatar.large{width:64px;height:64px;font-size:22px}.status-badge{border:1px solid var(--border);white-space:nowrap;color:#475467;background:#f8fafc;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.status-badge.active,.status-badge.probation{color:#0d6846;background:#e8f7f0;border-color:#caeadb}.status-badge.inactive,.status-badge.exited{color:#b42318;background:#fff0f0;border-color:#ffd5d2}.employee-profile{flex-direction:column;display:flex}.employee-profile-head{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-bottom:18px;display:flex}.employee-profile-title{min-width:0}.employee-profile-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.employee-tabs{border-bottom:1px solid var(--border);white-space:nowrap;gap:18px;padding:14px 2px;font-size:13px;display:flex;overflow:auto}.employee-tabs span{color:var(--text-muted);padding-bottom:8px}.employee-tabs .active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:800}.employee-profile-section{justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.employee-profile-section h3{margin:3px 0 0;font-size:18px}.employee-profile-badge{color:var(--primary);background:#edf4ff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.employee-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px;display:grid}.employee-details div{background:var(--surface-muted);border:1px solid #edf0f4;border-radius:12px;gap:5px;padding:14px;display:grid}.employee-details small{color:var(--text-muted)}.employee-details strong{overflow-wrap:anywhere}.employee-insight-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;padding-top:18px;display:grid}.employee-insight-strip div{background:linear-gradient(135deg,#f8fafc,#f3f7fb);border:1px solid #edf0f4;border-radius:12px;padding:14px}.employee-insight-strip small,.employee-insight-strip strong{display:block}.employee-insight-strip small{color:var(--text-muted)}.employee-insight-strip strong{margin-top:4px}.employee-empty{text-align:center;color:var(--text-muted);padding:40px 14px}.employee-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.employee-modal{width:min(980px,100%);max-height:92vh;padding:24px;overflow:auto}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.modal-head h2{margin:4px 0 6px}.modal-head p{color:var(--text-muted);margin:0}.employee-modal-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;font-size:22px}.employee-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.employee-form label{gap:6px;font-size:13px;font-weight:700;display:grid}.employee-form-section-title{grid-column:1/-1;align-items:center;gap:10px;padding-top:4px;display:flex}.employee-form-section-title>span{width:34px;height:34px;color:var(--primary);background:#edf4ff;border-radius:10px;place-items:center;font-size:11px;font-weight:900;display:grid}.employee-form-section-title strong,.employee-form-section-title small{display:block}.employee-form-section-title small{color:var(--text-muted);margin-top:2px;font-weight:400}.form-actions{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:12px;display:flex}@media (max-width:1180px){.employee-kpis{grid-template-columns:repeat(2,1fr)}.employee-layout{grid-template-columns:1fr}.employee-list-card,.employee-profile{min-height:auto}.employee-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.employee-hero{flex-direction:column;align-items:stretch;padding:18px}.employee-hero-actions{flex-direction:column;align-items:stretch}.employee-code-preview{text-align:center}.employee-kpis{grid-template-columns:1fr}.employee-list-card,.employee-profile{padding:14px}.employee-details,.employee-insight-strip{grid-template-columns:1fr}.employee-profile-head{align-items:flex-start}.employee-form{grid-template-columns:1fr}.employee-form-section-title,.form-actions{grid-column:auto}.form-actions{background:var(--surface);padding:12px 0;position:sticky;bottom:0}.employee-modal-backdrop{padding:0}.employee-modal{border-radius:0;width:100%;height:100%;max-height:none;padding:18px}.employee-row{grid-template-columns:auto 1fr}.employee-row>.status-badge{grid-column:2;justify-self:start}.employee-profile-meta{gap:6px}}@media (max-width:480px){.employee-hero h1{font-size:30px}.employee-kpi{padding:14px}.employee-profile-head{flex-direction:column}.employee-tabs{gap:14px}.employee-layout{gap:12px}}
.bulk-page{gap:18px;display:grid}.bulk-stepper{flex-wrap:wrap;gap:8px;display:flex}.bulk-stepper span{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.bulk-stepper span.active{border-color:var(--primary);color:var(--primary)}.bulk-upload-card,.bulk-commit{justify-content:space-between;align-items:center;gap:20px;display:flex}.bulk-upload-card form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bulk-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.bulk-kpis .card strong{margin-top:6px;font-size:26px;display:block}.bulk-preview-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bulk-table-wrap{margin-top:16px;overflow:auto}.bulk-table-wrap table{border-collapse:collapse;width:100%;min-width:850px}.bulk-table-wrap th,.bulk-table-wrap td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:11px}.bulk-errors{color:var(--error,#b42318);gap:3px;display:grid}.bulk-checkbox{align-items:center;gap:8px;margin-top:12px;display:flex}.text-link{color:var(--primary);font-weight:700;text-decoration:none}@media (max-width:900px){.bulk-kpis{grid-template-columns:repeat(2,1fr)}.bulk-upload-card,.bulk-commit{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.bulk-kpis{grid-template-columns:1fr 1fr}.bulk-preview-head{flex-direction:column}.bulk-upload-card form{flex-direction:column;align-items:stretch;width:100%}.bulk-upload-card input{width:100%}}
.ess-page{gap:20px;display:grid}.ess-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ess-kpis .card{gap:6px;display:grid}.ess-kpis strong{font-size:1.35rem}.ess-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.ess-readonly{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.ess-readonly div{gap:4px;display:grid}.ess-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ess-form label{gap:6px;font-size:.9rem;display:grid}.ess-form textarea{min-height:90px}.ess-form button{grid-column:1/-1;justify-self:start}.ess-documents{gap:10px;margin-top:16px;display:grid}.ess-document{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.ess-document>div:first-child{gap:4px;display:grid}.ess-document small{color:var(--text-muted)}.ess-empty{max-width:720px;margin:40px auto;padding:32px}@media (max-width:900px){.ess-kpis,.ess-grid,.ess-form,.ess-readonly{grid-template-columns:1fr}.ess-document{flex-direction:column;align-items:flex-start}}
.attendance-page{gap:20px;display:grid}.attendance-hero{background:linear-gradient(135deg,#fff 0%,#f5f9ff 62%,#eefbf3 100%);justify-content:space-between;gap:24px;padding:24px;display:flex;overflow:hidden}.attendance-hero h1{letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(30px,3.4vw,44px)}.attendance-hero>div:first-child>p:last-of-type{color:var(--text-muted);max-width:760px;margin:0}.attendance-hero-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.attendance-hero-meta span{border:1px solid var(--border);background:#ffffffc7;border-radius:12px;min-width:118px;padding:10px 12px}.attendance-hero-meta small,.attendance-hero-meta strong{display:block}.attendance-hero-meta small{color:var(--text-muted);font-size:10px}.attendance-hero-meta strong{margin-top:3px;font-size:17px}.attendance-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.date-control{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);gap:5px;font-size:10px;font-weight:800;display:grid}.date-control input{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:9px;padding:0 12px}.secondary-button{min-height:42px;color:var(--primary);background:#fff;border:1px solid #b7c6d8;border-radius:9px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.attendance-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.attendance-kpi{border-top:3px solid var(--primary);padding:17px}.attendance-kpi small,.attendance-kpi span{color:var(--text-muted);display:block}.attendance-kpi strong{margin:5px 0;font-size:26px;display:block}.attendance-kpi span{font-size:10px}.attendance-kpi.success{border-top-color:var(--secondary)}.attendance-kpi.danger{border-top-color:#ef4444}.attendance-kpi.warning{border-top-color:#f59e0b}.attendance-kpi.accent{border-top-color:#0ea5e9}.attendance-kpi.violet{border-top-color:#7c3aed}.attendance-insight-grid{grid-template-columns:1.35fr .9fr;gap:16px;display:grid}.attendance-health,.attendance-note{padding:20px}.attendance-health h2,.attendance-note h2{margin:4px 0 0}.attendance-progress{background:#edf1f7;border-radius:999px;height:12px;overflow:hidden}.attendance-progress span{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:inherit;height:100%;display:block}.attendance-mini-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.attendance-mini-grid span{background:var(--surface-muted);color:var(--text-muted);border:1px solid #edf1f5;border-radius:10px;padding:12px;font-size:11px}.attendance-mini-grid strong{color:var(--text);margin-top:4px;font-size:17px;display:block}.attendance-note{color:#fff;background:linear-gradient(145deg,#071f3e,#0b3c76);border:0}.attendance-note .eyebrow{color:#8cc4ff}.attendance-note p:not(.eyebrow){color:#c7d8ec;line-height:1.65}.attendance-note-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.attendance-note-actions a{color:#fff;font-weight:800;text-decoration:none}.attendance-note-actions span{color:#9fc1e9;font-size:11px}.attendance-table-card{padding:0;overflow:hidden}.attendance-table-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.attendance-table-head h2{margin:4px 0}.attendance-table-head p:last-child{color:var(--text-muted);margin:0;font-size:12px}.attendance-table{overflow:auto}.attendance-row{border-bottom:1px solid var(--border);grid-template-columns:1.5fr .8fr .8fr .8fr .7fr .6fr 1fr;align-items:center;gap:12px;min-width:900px;padding:13px 20px;display:grid}.attendance-row.header{color:var(--text-muted);background:var(--surface-muted);font-size:.78rem;font-weight:700}.attendance-row span:first-child{gap:3px;display:grid}.attendance-row small{color:var(--text-muted)}.attendance-row.has-exception{background:color-mix(in srgb,var(--warning) 8%,transparent)}.attendance-mobile-list{display:none}.attendance-settings-page{gap:20px;display:grid}.attendance-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-form,.settings-panel{gap:14px;padding:20px;display:grid}.settings-form label{color:var(--text-muted);gap:6px;font-size:.88rem;display:grid}.settings-form input,.inline-settings-form input{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:10px;padding:0 12px}.settings-two{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.settings-three{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.inline-settings-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;display:grid}.settings-list{gap:8px;display:grid}.settings-list>div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.settings-list span{gap:3px;display:grid}.settings-list small{color:var(--text-muted)}@media (max-width:1180px){.attendance-hero{flex-direction:column}.attendance-actions{justify-content:flex-start}.attendance-kpis{grid-template-columns:repeat(3,1fr)}.attendance-settings-grid,.attendance-insight-grid{grid-template-columns:1fr}}@media (max-width:760px){.attendance-hero{padding:18px}.attendance-hero h1{font-size:30px}.attendance-hero-meta{grid-template-columns:repeat(3,1fr);display:grid}.attendance-hero-meta span{min-width:0}.attendance-kpis{grid-template-columns:repeat(2,1fr)}.attendance-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.attendance-actions .secondary-button{grid-column:1/-1}.attendance-actions .primary-button,.date-control input{width:100%}.attendance-mini-grid{grid-template-columns:repeat(2,1fr)}.attendance-table{display:none}.attendance-mobile-list{gap:12px;padding:12px;display:grid}.attendance-mobile-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px}.attendance-mobile-card.has-exception{background:#fffaf0;border-color:#f4c875}.attendance-mobile-card header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.attendance-mobile-card header small{color:var(--text-muted);margin-top:2px;display:block}.attendance-mobile-details{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.attendance-mobile-details span{background:var(--surface-muted);border-radius:9px;padding:10px}.attendance-mobile-details small,.attendance-mobile-details strong{display:block}.attendance-mobile-details small{color:var(--text-muted);font-size:10px}.attendance-mobile-details strong{margin-top:3px;font-size:13px}.attendance-mobile-card footer{color:#8a5514;border-top:1px solid #f1d9a8;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.attendance-table-head{align-items:flex-start;gap:10px}.settings-two,.settings-three,.inline-settings-form{grid-template-columns:1fr}.settings-list>div{align-items:flex-start}}@media (max-width:480px){.attendance-hero-meta,.attendance-kpis,.attendance-actions{grid-template-columns:1fr}.attendance-actions .secondary-button{grid-column:auto}.attendance-mini-grid{grid-template-columns:1fr 1fr}.attendance-note-actions{flex-direction:column;align-items:flex-start}}
.leave-page{gap:22px;display:grid}.leave-actions{align-items:center;gap:10px;display:flex}.leave-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.leave-kpis .card{border-radius:18px;padding:20px;position:relative;overflow:hidden}.leave-kpis .card:before{content:"";background:var(--primary);width:4px;position:absolute;top:0;bottom:0;left:0}.leave-kpis .card:nth-child(2):before{background:var(--warning)}.leave-kpis .card:nth-child(3):before{background:#ef4444}.leave-kpis .card:nth-child(4):before{background:var(--success)}.leave-kpis small{color:var(--text-secondary);margin-bottom:9px;font-weight:700;display:block}.leave-kpis strong{letter-spacing:-.04em;font-size:1.85rem}.leave-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:18px;display:grid}.leave-form,.leave-panel,.leave-approval-card{padding:22px}.leave-form{gap:16px;display:grid}.leave-form>div:first-child,.leave-panel-head>div{gap:4px;display:grid}.leave-form h2,.leave-panel h2,.leave-approval-card h2{margin:0}.leave-form label{color:var(--text-primary);gap:7px;font-size:.88rem;font-weight:700;display:grid}.leave-form input,.leave-form select,.leave-form textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;border-radius:12px;outline:none;padding:12px 13px;transition:border-color .2s,box-shadow .2s}.leave-form input:focus,.leave-form select:focus,.leave-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.leave-form textarea{resize:vertical;min-height:110px}.leave-form .primary-button{justify-self:start;min-width:150px}.leave-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.leave-panel{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 4%,var(--surface)))}.leave-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.leave-balance-list,.settings-list{gap:10px;display:grid}.leave-balance-list>div{border:1px solid var(--border);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.leave-balance-list span{gap:4px;display:grid}.leave-balance-list small{color:var(--text-secondary)}.leave-balance-list b{background:color-mix(in srgb,var(--primary) 10%,var(--surface));min-width:48px;height:48px;color:var(--primary);border-radius:12px;place-items:center;font-size:1.25rem;display:grid}.leave-approval-card{padding:0;overflow:hidden}.leave-approval-card .leave-panel-head{border-bottom:1px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),var(--surface));margin:0;padding:20px 22px}.leave-table{overflow:auto}.leave-row{border-bottom:1px solid var(--border);grid-template-columns:1.2fr 1.2fr .5fr 1.6fr 1.2fr;align-items:center;gap:14px;min-width:900px;padding:14px 22px;display:grid}.leave-row:not(.leave-header):hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.leave-header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--surface-elevated);font-size:.76rem;font-weight:800}.leave-row span:first-child{gap:4px;display:grid}.leave-row small{color:var(--text-secondary)}.leave-decision{align-items:center;gap:8px;display:flex!important}.leave-decision .primary-button,.leave-decision .text-button{white-space:nowrap}.leave-mobile-approvals{display:none}@media (max-width:1000px){.leave-kpis{grid-template-columns:repeat(2,1fr)}.leave-layout{grid-template-columns:1fr}}@media (max-width:700px){.leave-page{gap:16px}.leave-kpis{grid-template-columns:1fr 1fr;gap:10px}.leave-kpis .card{padding:16px}.leave-kpis strong{font-size:1.5rem}.leave-two{grid-template-columns:1fr}.leave-actions,.leave-actions button{width:100%}.leave-form,.leave-panel{padding:17px}.leave-form .primary-button{width:100%}.leave-approval-card .leave-panel-head{align-items:flex-start;padding:17px}.leave-table{overflow-x:auto}.leave-row{padding-left:17px;padding-right:17px}.leave-balance-list>div{padding:12px}.leave-balance-list b{min-width:42px;height:42px}}@media (max-width:430px){.leave-kpis{grid-template-columns:1fr}.leave-panel-head{align-items:flex-start}.leave-approval-card .status-badge{flex:none}}
.workflow-page{gap:20px;display:grid}.workflow-hero{background:linear-gradient(135deg,#eef5ff 0%,#f7fbff 52%,#eefbf3 100%);border:1px solid #dce8f5;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;position:relative;overflow:hidden}.workflow-hero:after{content:"";background:linear-gradient(135deg,#0047a11f,#22c55e1f);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.workflow-hero>div:first-child{z-index:1;max-width:760px;position:relative}.workflow-hero h1{margin:4px 0 8px;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.08}.workflow-hero p:not(.eyebrow){color:var(--text-secondary);margin:0;line-height:1.7}.workflow-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffffc7;border:1px solid #ffffffbf;border-radius:20px;justify-items:center;gap:2px;min-width:155px;padding:18px;display:grid;position:relative;box-shadow:0 14px 34px #1948781a}.workflow-hero-badge span,.workflow-hero-badge small{color:var(--text-secondary)}.workflow-hero-badge strong{color:var(--primary);font-size:2rem}.workflow-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.workflow-kpi{align-items:center;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.workflow-kpi:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:90px;height:90px;position:absolute;inset:auto -20px -30px auto}.workflow-kpi-icon{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:grid}.workflow-kpi>div{gap:2px;display:grid}.workflow-kpi small,.workflow-kpi span:last-child{color:var(--text-secondary)}.workflow-kpi strong{font-size:1.45rem}.workflow-kpi.tone-blue .workflow-kpi-icon{color:#0b5bc9;background:#eaf3ff}.workflow-kpi.tone-orange .workflow-kpi-icon{color:#c56d00;background:#fff3df}.workflow-kpi.tone-green .workflow-kpi-icon{color:#16924a;background:#eaf9ef}.workflow-kpi.tone-purple .workflow-kpi-icon{color:#7048c9;background:#f3edff}.workflow-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);align-items:start;gap:16px;display:grid}.workflow-inbox-card,.workflow-create-card,.workflow-governance-card,.workflow-definitions-card{padding:22px}.workflow-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.workflow-card-header h2,.workflow-governance-card h2{margin:3px 0 0;font-size:1.2rem}.workflow-count{color:var(--text-secondary);white-space:nowrap;background:#f3f6fa;border-radius:999px;padding:7px 10px;font-size:.78rem}.workflow-toolbar{grid-template-columns:minmax(0,1fr) 170px;gap:10px;margin-bottom:12px;display:grid}.workflow-search{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.workflow-search input{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0}.workflow-toolbar select,.workflow-form input{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text-primary);font:inherit;border-radius:12px;padding:0 12px}.workflow-request-list{display:grid}.workflow-request{border-bottom:1px solid var(--border);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 0;display:grid}.workflow-request:last-child{border-bottom:0}.workflow-request-icon{width:42px;height:42px;color:var(--primary);background:#edf4ff;border-radius:13px;place-items:center;font-weight:800;display:grid}.workflow-request-content{gap:6px;min-width:0;display:grid}.workflow-request-content>strong{font-size:.96rem}.workflow-request-content p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.55}.workflow-request-topline,.workflow-request-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workflow-request-topline{justify-content:space-between}.workflow-request-topline small,.workflow-request-meta{color:var(--text-secondary);font-size:.76rem}.workflow-module-badge{color:#0b5bc9;background:#eef5ff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.workflow-request-meta span+span:before{content:"•";margin-right:8px}.workflow-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.workflow-actions button{min-height:36px;padding:0 11px}.workflow-reject{color:#b42318}.workflow-side-stack{gap:16px;display:grid}.workflow-muted{color:var(--text-secondary);margin:-4px 0 14px;font-size:.86rem;line-height:1.55}.workflow-form{gap:11px;display:grid}.workflow-form label{gap:6px;display:grid}.workflow-form label>span{color:var(--text-secondary);font-size:.78rem;font-weight:700}.workflow-form .primary-button{margin-top:4px}.workflow-health-row{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.workflow-health-row:last-child{border-bottom:0;padding-bottom:0}.workflow-health-row strong{color:var(--text-primary)}.workflow-empty-state{text-align:center;color:var(--text-secondary);justify-items:center;padding:42px 20px;display:grid}.workflow-empty-state>span{color:#16924a;background:#eef8f1;border-radius:16px;place-items:center;width:50px;height:50px;margin-bottom:10px;font-size:1.25rem;font-weight:800;display:grid}.workflow-empty-state h3{color:var(--text-primary);margin:0 0 5px}.workflow-empty-state p{margin:0}.workflow-empty-state.compact{padding:28px 16px}.workflow-definition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.workflow-definition{border:1px solid var(--border);background:linear-gradient(#fff,#fbfcfe);border-radius:18px;padding:16px}.workflow-definition-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.workflow-definition-icon{width:38px;height:38px;color:var(--primary);background:#edf4ff;border-radius:12px;place-items:center;font-weight:800;display:grid}.workflow-status{text-transform:capitalize;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:800}.workflow-status.success{color:#168347;background:#eaf9ef}.workflow-status.warning{color:#a85f00;background:#fff4df}.workflow-status.neutral{color:#5f6b7a;background:#eef1f5}.workflow-definition h3{margin:14px 0 4px;font-size:1rem}.workflow-definition>p{color:var(--text-secondary);margin:0 0 14px;font-size:.78rem}.workflow-stage-track{gap:9px;display:grid}.workflow-stage{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;display:grid}.workflow-stage>span{width:28px;height:28px;color:var(--primary);background:#eef5ff;border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:relative}.workflow-stage>div{gap:2px;display:grid}.workflow-stage strong{font-size:.78rem}.workflow-stage small,.workflow-no-stage{color:var(--text-secondary);font-size:.7rem}.workflow-no-stage{padding:10px 0}.workflow-actions button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:1180px){.workflow-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-main-grid{grid-template-columns:1fr}.workflow-side-stack,.workflow-definition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.workflow-page{gap:16px}.workflow-hero{align-items:flex-start;padding:22px}.workflow-hero-badge{min-width:125px}.workflow-kpis{gap:10px}.workflow-kpi{padding:14px}.workflow-toolbar{grid-template-columns:1fr}.workflow-request{grid-template-columns:42px minmax(0,1fr)}.workflow-actions{grid-column:1/-1;justify-content:flex-start;padding-left:55px}.workflow-side-stack,.workflow-definition-grid{grid-template-columns:1fr}.workflow-inbox-card,.workflow-create-card,.workflow-governance-card,.workflow-definitions-card{padding:18px}}@media (max-width:540px){.workflow-hero{display:grid}.workflow-hero-badge{grid-template-columns:auto auto 1fr;place-items:center start;width:100%}.workflow-hero-badge strong{font-size:1.4rem}.workflow-kpis{grid-template-columns:1fr}.workflow-request{grid-template-columns:38px minmax(0,1fr);gap:10px}.workflow-request-icon{width:38px;height:38px}.workflow-actions{width:100%;padding-left:48px}.workflow-actions button{flex:1}.workflow-card-header{align-items:center}.workflow-toolbar select{width:100%}}
.payroll-page{gap:20px;display:grid}.payroll-hero{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.payroll-hero-state{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.8rem;font-weight:700;display:flex}.payroll-live-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent);border-radius:50%}.payroll-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.payroll-kpis .card{gap:7px;padding:20px;display:grid;position:relative;overflow:hidden}.payroll-kpis .card:before{content:"";background:var(--primary);height:4px;position:absolute;top:0;left:0;right:0}.payroll-kpis .card:nth-child(2):before{background:#7c3aed}.payroll-kpis .card:nth-child(3):before{background:var(--warning)}.payroll-kpis .card:nth-child(4):before{background:var(--success)}.payroll-kpis span{color:var(--text-secondary);font-size:.8rem;font-weight:700}.payroll-kpis strong{letter-spacing:-.04em;font-size:1.7rem}.payroll-kpis small{color:var(--text-secondary)}.payroll-control-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;display:grid}.payroll-control-panel,.payroll-readiness,.payroll-issues{padding:22px}.payroll-run-select{border:1px solid var(--border);background:var(--surface);min-width:190px;min-height:42px;color:var(--text-primary);border-radius:11px;padding:0 12px}.payroll-stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.payroll-stepper>div{border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);border-radius:12px;align-items:center;gap:9px;padding:12px;display:flex}.payroll-stepper>div.active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface));color:var(--text-primary)}.payroll-stepper b{background:var(--surface);border:1px solid var(--border);width:28px;height:28px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.payroll-stepper span{font-size:.8rem;font-weight:800;display:grid}.payroll-stepper small{color:var(--text-secondary);font-size:.68rem;font-weight:500}.payroll-actions{flex-wrap:wrap;gap:9px;display:flex}.payroll-message{background:color-mix(in srgb,var(--success) 10%,var(--surface));color:#0d6846;border-radius:10px;margin-top:14px;padding:11px 13px;font-weight:700}.payroll-readiness{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 5%,var(--surface)))}.payroll-readiness.ready{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--success) 8%,var(--surface)))}.payroll-readiness.blocked{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,#ef4444 7%,var(--surface)))}.payroll-readiness h2{margin:6px 0}.payroll-readiness>p:not(.eyebrow){color:var(--text-secondary);line-height:1.55}.payroll-readiness-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.payroll-readiness-grid div{border:1px solid var(--border);background:var(--surface);border-radius:11px;gap:4px;padding:11px;display:grid}.payroll-readiness-grid span{color:var(--text-secondary);font-size:.7rem}.payroll-readiness-grid strong{font-size:1.15rem}.payroll-severity{background:var(--surface-elevated);border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.payroll-severity.error,.payroll-severity.blocker,.payroll-severity.critical{color:#b91c1c;background:#fee2e2}.payroll-severity.warning{color:#92400e;background:#fef3c7}.payroll-mobile-list{display:none}.payroll-page table td,.payroll-page table th{vertical-align:middle}.payroll-page table th{white-space:nowrap}@media (max-width:1100px){.payroll-kpis{grid-template-columns:repeat(2,1fr)}.payroll-control-grid{grid-template-columns:1fr}.payroll-stepper{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.payroll-page{gap:16px}.payroll-hero{flex-direction:column}.payroll-hero-state{align-self:flex-start}.payroll-kpis{grid-template-columns:1fr 1fr;gap:10px}.payroll-kpis .card{padding:16px}.payroll-kpis strong{font-size:1.35rem}.payroll-control-panel,.payroll-readiness,.payroll-issues{padding:17px}.payroll-control-panel .panel-heading{align-items:stretch}.payroll-run-select{width:100%;min-width:0}.payroll-stepper{grid-template-columns:1fr 1fr}.payroll-actions>*{flex:1}.payroll-desktop-table{display:none}.payroll-mobile-list{gap:10px;padding:14px;display:grid}.payroll-mobile-list article{border:1px solid var(--border);background:var(--surface);border-radius:13px;gap:10px;padding:14px;display:grid}.payroll-mobile-list article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.payroll-mobile-list small{color:var(--text-secondary)}.payroll-mobile-list .text-button{width:100%}}@media (max-width:430px){.payroll-kpis,.payroll-stepper,.payroll-readiness-grid{grid-template-columns:1fr}.payroll-actions{display:grid}.payroll-actions>*{width:100%}}
.recruitment-page{gap:20px;display:grid}.recruitment-hero{align-items:flex-start}.recruitment-live{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:9px 12px;font-size:.8rem;font-weight:800;display:flex}.recruitment-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent);border-radius:50%}.recruitment-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.recruitment-kpis .card{gap:5px;padding:19px;display:grid;position:relative;overflow:hidden}.recruitment-kpis .card:before{content:"";background:var(--primary);width:4px;position:absolute;inset:0 auto 0 0}.recruitment-kpis .card:nth-child(2):before{background:var(--success)}.recruitment-kpis .card:nth-child(3):before{background:#7c3aed}.recruitment-kpis .card:nth-child(4):before{background:var(--warning)}.recruitment-kpis small{color:var(--text-secondary);font-weight:800}.recruitment-kpis strong{letter-spacing:-.04em;font-size:1.75rem}.recruitment-kpis span{color:var(--text-secondary);font-size:.74rem}.recruitment-tabs{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:6px;width:max-content;max-width:100%;padding:5px;display:flex;overflow:auto}.recruitment-tabs button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-weight:800}.recruitment-tabs button.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.recruitment-stage-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.recruitment-stage{gap:5px;padding:15px;display:grid}.recruitment-stage span,.recruitment-stage small{color:var(--text-secondary);font-size:.74rem}.recruitment-stage span{font-weight:800}.recruitment-stage strong{font-size:1.5rem}.recruitment-panel,.recruitment-form{padding:20px}.recruitment-apps,.recruitment-list{display:grid}.recruitment-apps article{border-bottom:1px solid var(--border);grid-template-columns:minmax(190px,1.25fr) auto minmax(130px,.6fr) auto;align-items:center;gap:12px;padding:14px 0;display:grid}.recruitment-app-main,.recruitment-candidate{align-items:center;gap:11px;min-width:0;display:flex}.recruitment-app-main>div,.recruitment-candidate>div{gap:3px;min-width:0;display:grid}.recruitment-app-main small,.recruitment-candidate small,.recruitment-list small{color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden}.recruitment-stage-badge{background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.recruitment-apps select,.recruitment-form input,.recruitment-form select,.recruitment-form textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;border-radius:11px;outline:none;padding:10px 12px}.recruitment-apps select:focus,.recruitment-form input:focus,.recruitment-form select:focus,.recruitment-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.recruitment-row-actions{align-items:center;gap:7px;display:flex}.recruitment-row-actions>*{white-space:nowrap}.recruitment-offer-alert{background:color-mix(in srgb,var(--success) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 25%,var(--border));border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px;display:flex}.recruitment-offer-alert>div{gap:3px;display:grid}.recruitment-offer-alert small{color:var(--text-secondary)}.recruitment-split{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);align-items:start;gap:16px;display:grid}.recruitment-form,.recruitment-form-stack{gap:14px;display:grid}.recruitment-form>div:first-child{gap:4px;display:grid}.recruitment-form h2{margin:0}.recruitment-form label{gap:6px;font-size:.84rem;font-weight:800;display:grid}.recruitment-form textarea{resize:vertical}.recruitment-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.recruitment-form .primary-button{justify-self:start}.recruitment-form.compact{margin-top:0}.recruitment-list article{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 0;display:grid}.recruitment-list article>div:first-child:not(.recruitment-candidate){gap:4px;display:grid}.recruitment-list .recruitment-candidate+small{text-align:right;max-width:240px}.recruitment-list article:last-child,.recruitment-apps article:last-child{border-bottom:0}@media (max-width:1150px){.recruitment-kpis{grid-template-columns:repeat(2,1fr)}.recruitment-stage-grid{grid-template-columns:repeat(3,1fr)}.recruitment-apps article{grid-template-columns:minmax(180px,1fr) auto minmax(130px,.6fr)}.recruitment-apps .recruitment-row-actions{grid-column:1/-1;justify-content:flex-end}.recruitment-split{grid-template-columns:1fr}}@media (max-width:720px){.recruitment-page{gap:16px}.recruitment-hero{flex-direction:column}.recruitment-live{align-self:flex-start}.recruitment-kpis{grid-template-columns:1fr 1fr;gap:10px}.recruitment-kpis .card{padding:16px}.recruitment-kpis strong{font-size:1.4rem}.recruitment-tabs{width:100%}.recruitment-tabs button{flex:1}.recruitment-stage-grid{grid-template-columns:repeat(2,1fr)}.recruitment-panel,.recruitment-form{padding:16px}.recruitment-apps article{grid-template-columns:1fr;gap:9px;padding:15px 0}.recruitment-stage-badge{justify-self:start}.recruitment-apps .recruitment-row-actions{grid-column:auto;justify-content:stretch}.recruitment-row-actions>*{flex:1}.recruitment-two{grid-template-columns:1fr}.recruitment-form .primary-button{width:100%}.recruitment-list article{grid-template-columns:1fr;align-items:flex-start}.recruitment-list .recruitment-row-actions{width:100%}.recruitment-list .recruitment-candidate+small{text-align:left;max-width:none}.recruitment-offer-alert{flex-direction:column;align-items:stretch}.recruitment-offer-alert .primary-button{width:100%}}@media (max-width:430px){.recruitment-kpis,.recruitment-stage-grid{grid-template-columns:1fr}.recruitment-tabs button{padding-inline:12px}.recruitment-row-actions{grid-template-columns:1fr;display:grid}.recruitment-row-actions>*{width:100%}}
.reports-page{gap:20px;display:grid}.reports-hero{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.reports-year{gap:6px;min-width:150px;display:grid}.reports-year span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.72rem;font-weight:800}.reports-year select,.reports-form input,.reports-form select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text-primary);font:inherit;border-radius:11px;outline:none;padding:0 12px}.reports-year select:focus,.reports-form input:focus,.reports-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.reports-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.reports-kpis .card{gap:6px;padding:20px;display:grid;position:relative;overflow:hidden}.reports-kpis .card:before{content:"";background:var(--primary);height:4px;position:absolute;top:0;left:0;right:0}.reports-kpis .card:nth-child(2):before{background:#7c3aed}.reports-kpis .card:nth-child(3):before{background:var(--success)}.reports-kpis .card:nth-child(4):before{background:var(--warning)}.reports-kpis small{color:var(--text-secondary);font-weight:700}.reports-kpis strong{letter-spacing:-.04em;font-size:1.7rem}.reports-kpis span{color:var(--text-secondary);font-size:.78rem}.reports-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:16px;display:grid}.reports-panel{padding:22px}.reports-list{gap:10px;display:grid}.reports-list article{border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.reports-list article>div:nth-child(2){gap:4px;display:grid}.reports-list small{color:var(--text-secondary)}.report-icon{background:color-mix(in srgb,var(--primary) 10%,var(--surface));width:42px;height:42px;color:var(--primary);border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.reports-form{gap:13px;display:grid}.reports-form label{gap:7px;font-size:.84rem;font-weight:700;display:grid}.reports-form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.reports-check{color:var(--text-secondary);align-items:center;grid-template-columns:none!important;gap:9px!important;display:flex!important}.reports-check input{width:auto;min-height:0}.reports-form .primary-button{justify-self:start}@media (max-width:1050px){.reports-kpis{grid-template-columns:repeat(2,1fr)}.reports-grid{grid-template-columns:1fr}}@media (max-width:700px){.reports-page{gap:16px}.reports-hero{flex-direction:column}.reports-year{width:100%}.reports-kpis{grid-template-columns:1fr 1fr;gap:10px}.reports-kpis .card,.reports-panel{padding:16px}.reports-kpis strong{font-size:1.4rem}.reports-list article{grid-template-columns:40px 1fr}.reports-list article>.status-badge{grid-column:2;justify-self:start}.reports-form .primary-button{width:100%}}@media (max-width:430px){.reports-kpis,.reports-form-two{grid-template-columns:1fr}}
.admin-page{gap:20px;display:grid}.admin-hero{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.admin-assurance{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:18px;place-items:center;min-width:126px;min-height:100px;padding:14px;display:grid}.admin-assurance strong{letter-spacing:-.04em;font-size:1.8rem}.admin-assurance span{color:var(--text-secondary);font-size:.72rem;font-weight:700}.admin-assurance.good strong,.good-text{color:var(--success)}.admin-assurance.warn strong{color:var(--warning)}.admin-assurance.risk strong,.risk-text{color:#dc2626}.admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.admin-kpis .card{gap:6px;padding:20px;display:grid;position:relative;overflow:hidden}.admin-kpis .card:before{content:"";background:var(--primary);height:4px;position:absolute;top:0;left:0;right:0}.admin-kpis .card:nth-child(2):before{background:#7c3aed}.admin-kpis .card:nth-child(3):before{background:var(--warning)}.admin-kpis .card:nth-child(4):before{background:#ef4444}.admin-kpis small,.admin-kpis span{color:var(--text-secondary)}.admin-kpis small{font-weight:700}.admin-kpis strong{letter-spacing:-.04em;font-size:1.7rem}.admin-kpis span{font-size:.78rem}.admin-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:16px;display:grid}.admin-panel{padding:22px}.admin-health-list{gap:10px;display:grid}.admin-health-list>div{border:1px solid var(--border);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.admin-health-list span{gap:3px;display:grid}.admin-health-list small{color:var(--text-secondary)}.admin-health-list>div>strong{font-size:1.15rem}.admin-note{background:color-mix(in srgb,var(--primary) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:13px;margin-top:16px;padding:14px}.admin-note p{color:var(--text-secondary);margin:5px 0 0;font-size:.84rem;line-height:1.55}.admin-form{gap:13px;display:grid}.admin-form label{gap:7px;font-size:.84rem;font-weight:700;display:grid}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;border-radius:11px;outline:none;padding:11px 12px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.admin-form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-check{color:var(--text-secondary);align-items:center;gap:9px!important;display:flex!important}.admin-check input{width:auto}.admin-form .primary-button{justify-self:start}@media (max-width:1050px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}@media (max-width:700px){.admin-page{gap:16px}.admin-hero{flex-direction:column}.admin-assurance{width:100%;min-height:82px}.admin-kpis{grid-template-columns:1fr 1fr;gap:10px}.admin-kpis .card,.admin-panel{padding:16px}.admin-kpis strong{font-size:1.4rem}.admin-form .primary-button{width:100%}}@media (max-width:430px){.admin-kpis,.admin-form-two{grid-template-columns:1fr}.admin-health-list>div{flex-direction:column;align-items:flex-start}}
.module-launcher,.module-workspace-page{gap:22px;display:grid}.module-hero,.module-workspace-hero{border:1px solid var(--border);background:linear-gradient(135deg,#fff 0%,#f5f9ff 65%,#effcf4 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:28px;padding:30px;display:flex;box-shadow:0 12px 32px #0f172a0f}.module-hero h1,.module-workspace-hero h1{color:var(--text);margin:4px 0 8px;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08}.module-hero p,.module-workspace-hero p,.module-group-heading p,.module-card p,.module-readiness-card p,.module-workspace-panel p{color:var(--muted);margin:0;line-height:1.6}.module-hero-stat{color:#fff;text-align:center;background:#06285c;border-radius:18px;min-width:170px;padding:20px}.module-hero-stat strong{font-size:2.4rem;line-height:1;display:block}.module-hero-stat span{opacity:.82;margin-top:8px;font-size:.82rem;display:block}.module-status-strip{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:14px;flex-wrap:wrap;gap:10px 22px;padding:14px 18px;font-size:.85rem;font-weight:600;display:flex}.module-status-strip span{align-items:center;gap:8px;display:flex}.module-status-dot{background:var(--secondary);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #22c55e1f}.module-group{gap:14px;scroll-margin-top:90px;display:grid}.module-group-heading{justify-content:space-between;align-items:end;gap:16px;padding:4px 2px;display:flex}.module-group-heading h2{margin:0 0 3px;font-size:1.18rem}.module-group-heading>span{white-space:nowrap;color:var(--primary);background:#edf4ff;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.module-card{border:1px solid var(--border);min-height:195px;color:inherit;background:#fff;border-radius:17px;flex-direction:column;padding:18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 5px 18px #0f172a09}.module-card:hover{border-color:#b9cff0;transform:translateY(-2px);box-shadow:0 12px 26px #0f172a14}.module-card-top,.module-card-footer,.module-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.module-number{min-width:42px;color:var(--primary);background:#eaf2ff;border-radius:10px;justify-content:center;align-items:center;padding:6px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.module-number.large{font-size:.9rem}.module-backend-badge{color:#15803d;text-transform:uppercase;letter-spacing:.04em;background:#ecfdf3;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.module-card h3{margin:16px 0 6px;font-size:1rem}.module-card p{flex:1;font-size:.86rem}.module-card-footer{color:var(--primary);border-top:1px solid #edf0f4;margin-top:16px;padding-top:13px;font-size:.78rem;font-weight:700}.module-card-footer b{font-size:1rem}.module-breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.module-breadcrumb a{color:var(--primary);font-weight:700;text-decoration:none}.module-workspace-hero{align-items:flex-start}.module-workspace-hero .module-title-row{justify-content:flex-start;margin-bottom:12px}.module-back-link{white-space:nowrap;border:1px solid var(--border);color:var(--primary);background:#fff;border-radius:10px;padding:9px 12px;font-size:.8rem;font-weight:700;text-decoration:none}.module-readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.module-readiness-card{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:start;gap:13px;padding:18px;display:grid}.module-readiness-card>span{width:34px;height:34px;color:var(--primary);background:#eef4fb;border-radius:10px;place-items:center;font-size:.74rem;font-weight:800;display:grid}.module-readiness-card strong{margin-bottom:3px;display:block}.module-readiness-card p{font-size:.8rem}.module-readiness-card>b{text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:.7rem}.module-readiness-card.ready>b{color:#15803d;background:#ecfdf3}.module-readiness-card.next>b{color:#c2410c;background:#fff7ed}.module-workspace-panel{border:1px solid var(--border);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.module-workspace-panel h2{margin:3px 0 7px}.module-workspace-actions{flex-wrap:wrap;gap:9px;display:flex}.module-workspace-actions a{color:var(--primary);background:#edf4ff;border-radius:10px;padding:9px 12px;font-size:.8rem;font-weight:700;text-decoration:none}@media (max-width:1180px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-readiness-grid{grid-template-columns:1fr}}@media (max-width:760px){.module-hero,.module-workspace-hero,.module-workspace-panel{flex-direction:column;align-items:stretch;padding:20px}.module-hero-stat{text-align:left;min-width:0}.module-grid{grid-template-columns:1fr}.module-group-heading{flex-direction:column;align-items:flex-start}.module-readiness-card{grid-template-columns:auto 1fr}.module-readiness-card>b{grid-column:2;justify-self:start}.module-back-link{align-self:flex-start}}@media (max-width:430px){.module-hero,.module-workspace-hero{padding:17px}.module-card{min-height:0}.module-status-strip{gap:10px;display:grid}}
.onboarding-page{gap:20px;display:grid}.onboarding-hero{color:#fff;background:linear-gradient(135deg,#06285c,#0b56c4);border-radius:24px;justify-content:space-between;align-items:end;gap:24px;padding:28px;display:flex}.onboarding-hero h1{margin:4px 0 8px;font-size:clamp(28px,4vw,42px)}.onboarding-hero p{opacity:.86;margin:0}.onboarding-create{gap:10px;min-width:min(420px,100%);display:flex}.onboarding-create input,.onboarding-actions select,.detail-row select{color:#0f172a;background:#fff;border:1px solid #dfe5ec;border-radius:10px;min-height:42px;padding:0 12px}.onboarding-create input{flex:1}.onboarding-message{color:#0b56c4;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 16px}.onboarding-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.onboarding-kpis article{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:18px;box-shadow:0 8px 24px #0f172a0a}.onboarding-kpis span,.detail-row small,.case-row small{color:#64748b;display:block}.onboarding-kpis strong{margin-top:6px;font-size:28px;display:block}.onboarding-grid{grid-template-columns:minmax(260px,340px) 1fr;gap:18px;display:grid}.panel-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:18px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panel-heading h2,.onboarding-sections h3{margin:2px 0}.case-row{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf1f5;justify-content:space-between;gap:10px;width:100%;padding:14px 10px;display:flex}.case-row.active{color:#0047a1;background:#eff6ff;border-radius:10px}.onboarding-actions{flex-wrap:wrap;gap:8px;display:flex}.readiness-bar{background:#e5e7eb;border-radius:99px;height:8px;margin:8px 0 18px;overflow:hidden}.readiness-bar span{background:#22c55e;height:100%;display:block}.onboarding-sections{gap:20px;display:grid}.detail-row{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.empty-state{color:#64748b}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0047a1,#0b56c4);border:0;border-radius:10px;min-height:42px;padding:0 16px;font-weight:700}.primary-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:980px){.onboarding-grid{grid-template-columns:1fr}.onboarding-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.onboarding-hero{flex-direction:column;align-items:stretch}.onboarding-create{flex-direction:column;min-width:0}.onboarding-kpis{grid-template-columns:1fr}.panel-heading,.detail-row{flex-direction:column;align-items:flex-start}.onboarding-actions{width:100%}.onboarding-actions>*{flex:1}}
.lifecycle-page{gap:20px;display:grid}.lifecycle-hero{color:#fff;background:linear-gradient(135deg,#06285c,#0b56c4);border-radius:24px;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px;display:flex}.lifecycle-hero h1{margin:4px 0 8px;font-size:clamp(28px,4vw,44px)}.lifecycle-hero p{max-width:760px;margin:0}.lifecycle-search{gap:10px;min-width:min(100%,420px);display:flex}.lifecycle-search input,.lifecycle-form input,.lifecycle-form select,.lifecycle-form textarea,.clearance-row select{border:1px solid var(--border,#dfe5ec);color:#0f172a;background:#fff;border-radius:12px;width:100%;padding:11px 12px}.lifecycle-message{color:#0b3b75;background:#eef7ff;border:1px solid #cfe3ff;border-radius:12px;padding:12px 16px}.lifecycle-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.lifecycle-kpis article{border:1px solid var(--border,#dfe5ec);background:#fff;border-radius:16px;padding:18px}.lifecycle-kpis span{color:#64748b;font-size:13px;display:block}.lifecycle-kpis strong{margin-top:6px;font-size:28px;display:block}.lifecycle-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.panel-card{border:1px solid var(--border,#dfe5ec);background:#fff;border-radius:18px;padding:18px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.panel-heading h2{margin:2px 0}.lifecycle-form{gap:12px;display:grid}.lifecycle-form textarea{resize:vertical;min-height:100px}.lifecycle-event,.clearance-row,.exit-row{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.lifecycle-event:first-of-type{border-top:0}.lifecycle-event small,.clearance-row small,.exit-row small{color:#64748b;margin-top:4px;display:block}.lifecycle-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.exit-row{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0}.exit-summary{background:#f8fafc;border-radius:12px;justify-content:space-between;gap:12px;margin-bottom:8px;padding:12px;display:flex}.lifecycle-exits{align-items:start}.empty-state{color:#64748b}.primary-button,.text-button{cursor:pointer}.primary-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:980px){.lifecycle-hero{flex-direction:column;align-items:stretch}.lifecycle-search{width:100%;min-width:0}.lifecycle-grid{grid-template-columns:1fr}.lifecycle-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.lifecycle-hero{padding:20px}.lifecycle-search{flex-direction:column}.lifecycle-kpis{grid-template-columns:1fr}.lifecycle-event,.clearance-row,.exit-summary{flex-direction:column;align-items:flex-start}.lifecycle-actions{justify-content:flex-start}.panel-card{padding:14px}}
.performance-page{gap:20px;display:grid}.performance-hero{color:#fff;background:linear-gradient(135deg,#063b82,#0b63ce);border-radius:22px;padding:28px}.performance-hero h1{margin:6px 0 8px;font-size:clamp(28px,4vw,44px)}.performance-message{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px 16px}.performance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.performance-kpis article,.performance-grid .panel-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:18px}.performance-kpis span,.performance-kpis small{color:var(--muted)}.performance-kpis strong{margin-top:6px;font-size:28px;display:block}.performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.performance-grid h2{margin-top:0}.performance-grid .detail-row{border-bottom:1px solid var(--border);padding:12px 0}@media (max-width:1100px){.performance-kpis{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}}@media (max-width:600px){.performance-kpis{grid-template-columns:1fr}.performance-hero{padding:20px}}
.learning-page{gap:20px;display:grid}.learning-hero,.learning-kpis,.learning-grid,.learning-search{gap:16px;display:flex}.learning-hero{border:1px solid var(--border);background:linear-gradient(135deg,#eff6ff,#ecfdf5);border-radius:20px;justify-content:space-between;align-items:center;padding:24px}.learning-hero h1{margin:4px 0 8px}.learning-kpis{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.learning-kpis article{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:18px}.learning-kpis span{color:var(--muted);font-size:13px;display:block}.learning-kpis strong{margin-top:6px;font-size:28px;display:block}.learning-grid{grid-template-columns:1fr 1fr;display:grid}.learning-row{border-bottom:1px solid var(--border);padding:14px 0}.learning-row:last-child{border-bottom:0}.learning-row small{color:var(--muted);margin-top:4px;display:block}.learning-history{gap:16px;display:grid}.learning-search input{flex:1;min-width:0}.learning-message{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 16px}.learning-kpis.compact{margin-top:4px}@media (max-width:900px){.learning-grid,.learning-kpis{grid-template-columns:1fr 1fr}.learning-hero{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.learning-grid,.learning-kpis{grid-template-columns:1fr}.learning-search{flex-direction:column}}
.expense-page{gap:22px;display:grid}.expense-hero{color:#fff;background:linear-gradient(135deg,#06285c,#0b56c4);border-radius:22px;justify-content:space-between;align-items:end;gap:24px;padding:26px;display:flex}.expense-hero h1{margin:4px 0 8px;font-size:clamp(28px,4vw,44px)}.expense-hero p{color:#dbeafe;max-width:720px;margin:0}.expense-lookup{gap:10px;min-width:min(100%,420px);display:flex}.expense-lookup input,.expense-form-card input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:11px 12px}.expense-message{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;padding:12px 14px}.expense-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.expense-kpis article{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:7px;padding:18px;display:grid}.expense-kpis span{color:var(--muted);font-size:13px}.expense-kpis strong{font-size:25px}.expense-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.expense-form-card{gap:12px;display:grid}.form-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-note{color:var(--muted);margin:0;font-size:12px}.expense-history{gap:16px;display:grid}.expense-history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.expense-history-grid section{align-content:start;gap:10px;display:grid}.expense-history-grid h3{margin:0}.expense-row{border:1px solid var(--border);background:#f8fafc;border-radius:12px;justify-content:space-between;gap:12px;padding:12px;display:flex}.expense-row div{gap:3px;display:grid}.expense-row small{color:var(--muted)}.expense-row span{white-space:nowrap;font-weight:700}@media (max-width:1180px){.expense-kpis{grid-template-columns:repeat(2,1fr)}.expense-grid,.expense-history-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.expense-hero{flex-direction:column;align-items:stretch}.expense-lookup{flex-direction:column;min-width:0}.expense-grid,.expense-history-grid{grid-template-columns:1fr}}@media (max-width:480px){.expense-kpis,.form-two{grid-template-columns:1fr}}
.expense-finance-page{gap:20px;display:grid}.expense-finance-hero{color:#fff;background:linear-gradient(135deg,#06285c,#0b56c4);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.expense-finance-hero h1{margin:4px 0 8px}.expense-finance-message{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 16px}.expense-finance-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.expense-finance-kpis article{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:16px}.expense-finance-kpis span,.finance-row small{color:var(--muted);font-size:12px;display:block}.expense-finance-kpis strong{margin-top:6px;font-size:20px;display:block}.expense-finance-grid{grid-template-columns:1.35fr .85fr;gap:18px;display:grid}.finance-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.finance-row:last-child{border-bottom:0}.expense-finance-form{gap:12px;display:grid}.expense-finance-form input{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;padding:11px 12px}.expense-finance-form label{align-items:center;gap:8px;display:flex}.expense-finance-form label input{width:auto}.finance-capabilities p{color:var(--muted);margin-bottom:0}@media (max-width:1180px){.expense-finance-kpis{grid-template-columns:repeat(3,1fr)}.expense-finance-grid{grid-template-columns:1fr}}@media (max-width:760px){.expense-finance-hero{flex-direction:column}.expense-finance-kpis{grid-template-columns:repeat(2,1fr)}.finance-row{flex-direction:column}}@media (max-width:480px){.expense-finance-kpis{grid-template-columns:1fr}}
.asset-workspace{gap:20px;display:grid}.asset-hero{background:linear-gradient(135deg,#fff,#f5f8ff);border:1px solid #dfe5ec;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.asset-hero h1{margin:4px 0 8px;font-size:clamp(1.7rem,3vw,2.4rem)}.asset-hero p{color:#64748b;margin:0}.asset-badge{white-space:nowrap;color:#0047a1;background:#e8f1ff;border-radius:999px;padding:9px 12px;font-weight:700}.asset-message{background:#f8fafc;border:1px solid #dfe5ec;border-radius:12px;padding:12px 14px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.asset-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;align-content:start;gap:12px;padding:18px;display:grid}.asset-card-wide{grid-column:span 2}.asset-card h2{margin:0;font-size:1.05rem}.asset-card p{color:#64748b;margin:0}.asset-card input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:11px 12px}.asset-card button{color:#fff;cursor:pointer;background:#0047a1;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.asset-card button:disabled{opacity:.45;cursor:not-allowed}.asset-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.asset-actions{flex-wrap:wrap;gap:8px;display:flex}.asset-stats{grid-template-columns:auto 1fr;gap:6px 10px;padding-top:6px;display:grid}.asset-stats strong{color:#0f172a}.asset-stats span{color:#64748b}@media (max-width:1050px){.asset-grid{grid-template-columns:1fr 1fr}.asset-card-wide{grid-column:span 1}.asset-form-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.asset-hero{flex-direction:column}.asset-grid,.asset-form-grid{grid-template-columns:1fr}.asset-badge{white-space:normal}}
.inventory-page{gap:20px;display:grid}.inventory-hero{background:linear-gradient(135deg,#fff,#f3f7ff);border:1px solid #dfe5ec;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px;display:flex}.inventory-hero h1{margin:4px 0 8px;font-size:32px}.inventory-hero p{color:#64748b;margin:0}.inventory-message{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 16px}.inventory-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.inventory-kpis article{background:#fff;border:1px solid #dfe5ec;border-radius:16px;gap:8px;padding:18px;display:grid}.inventory-kpis span{color:#64748b;font-size:13px}.inventory-kpis strong{font-size:24px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.inventory-form{gap:10px;margin-top:14px;display:grid}.inventory-form input{background:#fff;border:1px solid #d7dee8;border-radius:10px;width:100%;padding:11px 12px}.inventory-actions{align-items:center;gap:10px;display:flex}.inventory-list{gap:10px;margin-top:12px;display:grid}.inventory-list>div{border:1px solid #e5eaf0;border-radius:12px;gap:3px;padding:12px;display:grid}.inventory-list span,.inventory-list p{color:#64748b;font-size:13px}.inventory-section-head{justify-content:space-between;align-items:center;display:flex}.inventory-section-head span{color:#64748b}.inventory-table{margin-top:12px;display:grid}.inventory-table>div{border-top:1px solid #edf1f5;grid-template-columns:1fr 1fr 1fr 1.2fr;align-items:center;gap:12px;padding:12px 0;display:grid}.inventory-table span,.inventory-table time{color:#64748b;font-size:13px}@media (max-width:1000px){.inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid{grid-template-columns:1fr}}@media (max-width:640px){.inventory-hero{padding:20px;display:grid}.inventory-hero h1{font-size:26px}.inventory-kpis,.inventory-table>div{grid-template-columns:1fr 1fr}.inventory-actions{flex-wrap:wrap}}
.procurement-page{gap:20px;display:grid}.procurement-hero{border:1px solid var(--border,#dfe5ec);background:linear-gradient(135deg,#fff,#f4f8ff);border-radius:22px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.procurement-hero h1{margin:4px 0 8px;font-size:clamp(28px,4vw,42px)}.procurement-message{border:1px solid var(--border,#dfe5ec);background:#fff;border-radius:12px;padding:12px 14px}.procurement-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.procurement-kpis article,.panel-card{border:1px solid var(--border,#dfe5ec);background:#fff;border-radius:18px;padding:18px}.procurement-kpis span{color:#64748b;font-size:13px;display:block}.procurement-kpis strong{margin-top:6px;font-size:26px;display:block}.procurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel-card h2{margin:0 0 14px}.procurement-form{gap:10px;display:grid}.procurement-form input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:11px 12px}.procurement-actions{flex-wrap:wrap;gap:10px;display:flex}.procurement-list{gap:8px;margin-top:12px;display:grid}.procurement-list div{border-top:1px solid #eef2f7;justify-content:space-between;gap:10px;padding:10px 0;display:flex}.procurement-list span{color:#64748b}@media (max-width:900px){.procurement-kpis,.procurement-grid{grid-template-columns:1fr}.procurement-hero{flex-direction:column}.procurement-hero .primary-button{width:100%}}
.advanced-procurement-page{gap:18px;display:grid}.advanced-procurement-hero{border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f7fbff);border-radius:20px;justify-content:space-between;align-items:center;padding:24px;display:flex}.advanced-procurement-hero h1{margin:4px 0 8px}.advanced-procurement-hero p{color:var(--muted);margin:0}.advanced-procurement-message{background:#eef6ff;border:1px solid #cfe3ff;border-radius:12px;padding:12px 14px}.advanced-procurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.advanced-procurement-form{gap:10px;display:grid}.advanced-procurement-form input,.advanced-procurement-form textarea{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:11px 12px}.advanced-procurement-form textarea{resize:vertical;min-height:88px}.advanced-procurement-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.advanced-procurement-row:has(input:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.advanced-procurement-result{background:#f7f9fc;border-radius:10px;gap:4px;padding:12px;display:grid}.advanced-procurement-result span{color:var(--muted);font-size:13px}@media (max-width:900px){.advanced-procurement-grid{grid-template-columns:1fr}.advanced-procurement-row:has(input:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.advanced-procurement-hero{padding:18px}:is(.advanced-procurement-row,.advanced-procurement-row:has(input:nth-child(4))){grid-template-columns:1fr}}
.ap-page{gap:20px;display:grid}.ap-hero{border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f6f9ff);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.ap-hero h1{margin:4px 0 8px}.ap-message{background:#eef6ff;border:1px solid #cfe1ff;border-radius:12px;padding:12px 14px}.ap-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ap-kpis article{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.ap-kpis span{color:var(--muted);font-size:13px;display:block}.ap-kpis strong{margin-top:6px;font-size:24px;display:block}.ap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ap-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ap-form input,.ap-form select{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:11px 12px}.ap-form button{align-self:end}.ap-actions{align-items:center;gap:10px;display:flex}.ap-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ap-table{gap:8px;margin-top:12px;display:grid}.ap-row{border-bottom:1px solid var(--border);grid-template-columns:2fr repeat(4,1fr);align-items:center;gap:10px;padding:11px 0;display:grid}.ap-head{color:var(--muted);font-size:13px}@media (max-width:1000px){.ap-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-grid{grid-template-columns:1fr}}@media (max-width:640px){.ap-hero{flex-direction:column;align-items:flex-start}.ap-kpis,.ap-form{grid-template-columns:1fr}.ap-row{grid-template-columns:1fr 1fr}.ap-head{display:none}.ap-actions{flex-wrap:wrap}}
.gl-page{gap:18px;display:grid}.gl-hero{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dfe5ec;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.gl-hero h1{margin:4px 0 8px}.gl-hero p{color:#64748b;margin:0}.gl-message{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:12px 14px}.gl-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.gl-kpis article,.panel-card{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:18px}.gl-kpis span{color:#64748b;font-size:13px;display:block}.gl-kpis strong{margin-top:8px;font-size:24px;display:block}.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.gl-form{gap:10px;display:grid}.gl-form input,.gl-form select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:11px 12px}.gl-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.gl-table{gap:8px;margin-top:12px;display:grid}.gl-table>div{border-top:1px solid #eef2f7;grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:12px;display:grid}.gl-table span{color:#64748b}.gl-table b{text-align:right}@media (max-width:1100px){.gl-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.gl-hero{flex-direction:column;align-items:flex-start}.gl-grid,.gl-kpis{grid-template-columns:1fr}.gl-table>div{grid-template-columns:1fr 1fr}.gl-table strong{grid-column:1/-1}.gl-table b{text-align:left}}
.advanced-financial-page{gap:24px;display:grid}.advanced-financial-hero{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:28px;display:flex}.advanced-financial-hero h1{margin:4px 0 8px;font-size:clamp(28px,4vw,42px)}.advanced-financial-hero p{color:#64748b;max-width:760px;margin:0}.advanced-financial-message{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;padding:12px 16px}.advanced-financial-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.advanced-financial-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px}.advanced-financial-kpis span{color:#64748b;font-size:13px;display:block}.advanced-financial-kpis strong{margin-top:6px;font-size:24px;display:block}.advanced-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.advanced-financial-form{gap:12px;display:grid}.advanced-financial-form input,.advanced-financial-form select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:11px 12px}.advanced-financial-actions{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:900px){.advanced-financial-kpis,.advanced-financial-grid{grid-template-columns:1fr 1fr}.advanced-financial-hero{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.advanced-financial-kpis,.advanced-financial-grid{grid-template-columns:1fr}.advanced-financial-page{gap:16px}.advanced-financial-hero{padding:20px}}
.fixed-assets-page{gap:20px;display:grid}.fixed-assets-hero{background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid #dfe5ec;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.fixed-assets-hero h1{margin:4px 0 8px;font-size:clamp(1.7rem,3vw,2.5rem)}.fixed-assets-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.fixed-assets-kpis article{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:18px}.fixed-assets-kpis span{color:#64748b;font-size:.86rem;display:block}.fixed-assets-kpis strong{margin-top:6px;font-size:1.35rem;display:block}.fixed-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.fixed-assets-form{gap:10px;display:grid}.fixed-assets-form input{background:#fff;border:1px solid #dfe5ec;border-radius:10px;width:100%;padding:11px 12px}.fixed-assets-actions{flex-wrap:wrap;gap:8px;display:flex}.fixed-assets-message{background:#eef5ff;border:1px solid #cdddf5;border-radius:12px;padding:12px 14px}.fixed-assets-table{gap:8px;display:grid}.fixed-assets-table>div{border-bottom:1px solid #edf0f4;grid-template-columns:2fr repeat(3,1fr);gap:12px;padding:12px;display:grid}.fixed-assets-table span{color:#64748b}@media (max-width:900px){.fixed-assets-kpis,.fixed-assets-grid,.fixed-assets-table>div{grid-template-columns:1fr 1fr}}@media (max-width:640px){.fixed-assets-hero{flex-direction:column;align-items:flex-start}.fixed-assets-kpis,.fixed-assets-grid,.fixed-assets-table>div{grid-template-columns:1fr}}
.afa-page{gap:20px;display:grid}.afa-hero{background:linear-gradient(135deg,#fff,#f5f7fa);border:1px solid #dfe5ec;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.afa-hero h1{margin:4px 0 8px;font-size:clamp(28px,4vw,42px)}.afa-hero p{color:#64748b;max-width:760px;margin:0}.afa-hero button,.afa-grid button{color:#fff;cursor:pointer;background:#0047a1;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.afa-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.afa-kpis article{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:16px}.afa-kpis span{color:#64748b;font-size:13px;display:block}.afa-kpis strong{margin-top:6px;font-size:20px;display:block}.afa-message{color:#00377d;background:#eef4ff;border-radius:12px;padding:12px 14px}.afa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.afa-grid form{background:#fff;border:1px solid #dfe5ec;border-radius:16px;gap:10px;padding:18px;display:grid}.afa-grid h2{margin:0 0 4px;font-size:18px}.afa-grid input,.afa-grid textarea{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px}.afa-grid textarea{resize:vertical;min-height:90px}.afa-inline{grid-template-columns:1fr auto;gap:8px;display:grid}.afa-grid label{color:#334155;align-items:center;gap:8px;display:flex}.afa-grid label input{width:auto}@media (max-width:900px){.afa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.afa-grid{grid-template-columns:1fr}.afa-hero{flex-direction:column}}@media (max-width:560px){.afa-kpis,.afa-inline{grid-template-columns:1fr}}
.ar-page{gap:18px;display:grid}.ar-hero{border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f7fbff);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.ar-hero h1{margin:4px 0 8px;font-size:clamp(1.8rem,3vw,2.6rem)}.ar-hero p{max-width:760px;color:var(--muted);margin:0}.ar-message{background:#eef6ff;border:1px solid #cfe3ff;border-radius:12px;padding:12px 14px}.ar-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ar-kpis article,.ar-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px}.ar-kpis span{color:var(--muted);font-size:.85rem;display:block}.ar-kpis strong{margin-top:6px;font-size:1.35rem;display:block}.ar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ar-card{gap:12px;display:grid}.ar-card h2{margin:0;font-size:1.05rem}.ar-card input,.ar-card textarea{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:11px 12px}.ar-card textarea{resize:vertical;min-height:88px}.ar-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ar-row:has(input:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.ar-aging{overflow:hidden}.table-wrap{overflow:auto}.ar-aging table{border-collapse:collapse;width:100%}.ar-aging th,.ar-aging td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:11px 10px}.ar-aging th{color:var(--muted);font-size:.8rem}@media (max-width:900px){.ar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-grid{grid-template-columns:1fr}.ar-hero{flex-direction:column}}@media (max-width:560px){.ar-kpis,:is(.ar-row,.ar-row:has(input:nth-child(3))){grid-template-columns:1fr}.ar-hero{padding:18px}.ar-card{padding:15px}}
.adv-ar-page{gap:20px;display:grid}.adv-ar-hero{border:1px solid var(--border);background:var(--surface);border-radius:20px;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.adv-ar-hero h1{margin:4px 0 8px}.adv-ar-message{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.adv-ar-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.adv-ar-kpis article,.adv-ar-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.adv-ar-kpis span{color:var(--muted);margin-bottom:8px;font-size:.82rem;display:block}.adv-ar-kpis strong{font-size:1.25rem}.adv-ar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.adv-ar-card{gap:12px;display:grid}.adv-ar-card h2{margin:0 0 4px}.adv-ar-card input,.adv-ar-card textarea,.adv-ar-card select{border:1px solid var(--border);background:var(--background);width:100%;color:inherit;border-radius:10px;padding:11px 12px}.adv-ar-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:1100px){.adv-ar-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.adv-ar-hero{display:grid}.adv-ar-grid,.adv-ar-row,.adv-ar-kpis{grid-template-columns:1fr}}
.rr-page{gap:18px;display:grid}.rr-hero{background:linear-gradient(135deg,#eff6ff,#fff7ed);border:1px solid #dfe5ec;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.rr-hero h1{margin:4px 0 8px;font-size:clamp(28px,4vw,42px)}.rr-hero p{color:#64748b;margin:0}.rr-message{background:#f8fafc;border:1px solid #dfe5ec;border-radius:12px;padding:12px 14px}.rr-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.rr-kpis article,.rr-card{background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:16px}.rr-kpis span{color:#64748b;font-size:12px;display:block}.rr-kpis strong{margin-top:6px;font-size:20px;display:block}.rr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.rr-card{gap:10px;display:grid}.rr-card h2{margin:0 0 4px;font-size:17px}.rr-card input,.rr-card textarea,.rr-actions input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px}.rr-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rr-actions{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:10px;display:grid}.rr-summary{white-space:pre-wrap;word-break:break-word;color:#334155;max-height:420px;margin:0;font-size:12px;overflow:auto}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:600}.primary-button{color:#fff;background:#0047a1}.secondary-button{color:#0f172a;background:#e2e8f0}@media (max-width:1100px){.rr-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.rr-hero{display:grid}.rr-kpis,.rr-grid,.rr-row,.rr-actions{grid-template-columns:1fr}}