:root{--font-main:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--brand-primary:#1e40af;--brand-secondary:#2563eb;--bg-app:radial-gradient(900px 400px at top center,#eef2ff 0%,#f7f9fd 45%,#fff 100%);--bg-card:#fff;--bg-footer:linear-gradient(180deg,#ffffffe6,#f8fafcf2);--bg-topbar:linear-gradient(180deg,#fff 0%,#f9fafb 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e5e7eb;--focus-ring:#2563eb40;--shadow-soft:0 10px 30px #0f172a14;--shadow-card:0 20px 40px #0f172a1f;--select-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")}body{font-family:var(--font-main);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.ct-backdrop{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ct-modal{background:#fff;border-radius:12px;width:420px;max-width:90%;padding:20px;box-shadow:0 10px 40px #0003}.ct-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ct-body label{flex-direction:column;gap:6px;font-size:14px;display:flex}.ct-body input{border:1px solid #ddd;border-radius:6px;padding:8px 10px}.ct-footer{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:6px 14px}.btn.primary{color:#fff;background:#4f6ef7}.btn.cancel{background:#eee}.breadcrumbs{color:#64748b;margin-bottom:14px;font-size:13px}.crumb-item{align-items:center;display:inline-flex}.crumb-link{color:#4f6ef7;cursor:pointer;font-weight:500;text-decoration:none}.crumb-link:hover{text-decoration:underline}.crumb-text{color:#334155;font-weight:500}.crumb-separator{color:#94a3b8;margin:0 8px}select{appearance:none;font-family:var(--font-main);color:var(--text-primary);background-color:#fff;background-image:var(--select-arrow);border:1px solid var(--border-light);cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:10px;max-width:100%;padding:10px 38px 10px 14px;font-size:14px;line-height:1.4;transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:0 1px 2px #0f172a0a}select:hover{border-color:var(--brand-secondary)}select:focus,select:focus-visible{border-color:var(--brand-secondary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}select:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.7;background-color:#f1f5f9}select option{color:var(--text-primary);background-color:#fff;padding:10px 12px}select option:checked{color:var(--brand-primary);background-color:#eef2ff;font-weight:600}select optgroup{color:var(--text-secondary);background-color:#f8fafc;font-style:normal;font-weight:700}
.mobile-hamburger,.mobile-sidebar-backdrop{display:none}@media (max-width:768px){.dash-sidebar{transition:transform .28s;transform:translate(-105%);box-shadow:0 0 50px #02061759;z-index:1200!important;border-radius:0!important;width:82vw!important;max-width:300px!important;height:100vh!important;margin:0!important;position:fixed!important;top:0!important;left:0!important}body.sidebar-open .dash-sidebar{transform:translate(0)}.mobile-sidebar-backdrop{z-index:1100;opacity:0;pointer-events:none;background:#0f172a73;transition:opacity .28s;display:block;position:fixed;inset:0}body.sidebar-open .mobile-sidebar-backdrop{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden}.mobile-hamburger{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:6px;display:inline-flex}.mobile-hamburger:active{background:#0f172a0f}.dashboard-content{padding:16px!important}.dash-topbar{padding:6px 12px!important}html,body{max-width:100%;overflow-x:hidden}img{max-width:100%;height:auto}table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}[class*=grid],[class*=stats],[class*=-cards],[class*=-form],[class*=summary]{grid-template-columns:1fr!important}[class$=-dashboard]{padding:12px!important}select,input,textarea{max-width:100%;min-width:0!important}[class*=header],[class*=-head]{flex-wrap:wrap;gap:10px}.dashboard-content{overflow-x:hidden}}@media (max-width:480px){.dashboard-content{padding:12px!important}.salary-card,.profile-card,[class*=-card]{padding-left:14px!important;padding-right:14px!important}}