:root{--background:#0b1020;--surface:#121933;--surface-soft:#1a2447;--foreground:#f5f7ff;--muted:#9aa7d1;--primary:#64d2ff;--accent:#7c5cff;--success:#39d98a;--danger:#ff6b6b;--border:hsla(0,0%,100%,.08)}*{box-sizing:border-box}html{font-size:100%}body,html{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#09101d,#0c1430);color:var(--foreground)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh}.centered-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:rgba(18,25,51,.95);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.auth-card{width:100%;max-width:580px;padding:38px 40px 30px}.form-group{display:flex;flex-direction:column;gap:8px;margin-top:18px}.input{border-radius:14px}.button,.input{width:100%;padding:14px 16px}.button{border:0;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.button:hover{transform:translateY(-1px)}.error-text{color:var(--danger)}.error-text,.helper-text{font-size:14px;margin-top:12px}.helper-text{color:var(--muted)}.dashboard-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:rgba(9,14,29,.75);padding:24px 18px}.sidebar .nav-link{display:block;padding:12px 14px;border-radius:12px;color:var(--muted);margin-top:8px}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:rgba(124,92,255,.14);color:var(--foreground)}.main-content{padding:24px}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.header-title h1{margin:0;font-size:28px}.header-title p{color:var(--muted);margin:8px 0 0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.kpi-card{padding:20px}.kpi-label{color:var(--muted);font-size:14px;margin-bottom:10px}.kpi-value{font-size:28px;font-weight:800}.kpi-footnote{margin-top:10px;font-size:13px;color:var(--success)}.chart-card{padding:20px}.chart-title{margin:0 0 18px;font-size:20px}.status-pill{padding:8px 12px;border-radius:999px;background:rgba(57,217,138,.12);color:#8ff0c0;font-size:13px;font-weight:700}.login-card-bright{background:#f4f4f5;color:#0c1631;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 24px 60px rgba(0,0,0,.28)}.login-logo-box{width:160px;height:160px;margin:0 auto 28px;display:grid;place-items:center;border-radius:2px;background:linear-gradient(180deg,#09101d,#0c1430);overflow:hidden}.login-logo-image{width:160px;height:160px;object-fit:cover}.login-title{margin:0 0 12px;font-size:38px;line-height:1.08;font-weight:800;color:#0c1631}.login-title span{color:#27d3cb}.login-subtitle{margin:0 0 24px;color:#5f6f95;font-size:16px;line-height:1.45}.input-light{background:#f4f4f5;color:#0c1631;border:1px solid rgba(12,22,49,.14)}.input-light::placeholder{color:#6e7890}.login-button{color:#fff;background:linear-gradient(90deg,#3867f4,#28d3c4)}.login-helper{color:#5f6f95}.sidebar-logo-wrap{display:flex;justify-content:flex-start;margin-bottom:16px}.sidebar-logo-image{width:132px;height:auto;object-fit:contain;display:block}.sidebar-subtitle{color:var(--muted);line-height:1.5}.login-main{padding:32px}.login-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.login-hero-heading{font-size:clamp(32px,5.5vw,64px)}.login-hero-subtitle{font-size:clamp(16px,2vw,20px)}.login-right-heading{font-size:clamp(26px,4.5vw,48px)}.login-hero-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.login-hero-card-title{font-size:clamp(18px,2.5vw,24px)}.login-hero-card-text{font-size:clamp(14px,1.5vw,16px)}.login-logo-responsive{width:260px;height:160px}.login-hero-panel{padding:40px}.login-right-panel{padding:36px 34px}.login-input{height:52px;font-size:16px}.login-btn-primary{height:52px;font-size:17px}.login-btn-secondary{min-height:60px;font-size:17px}.sidebar-mobile-toggle{display:none;position:fixed;top:12px;left:12px;z-index:1100;background:rgba(4,11,35,.92);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:#fff;padding:8px 12px;font-size:20px;cursor:pointer}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999}.sidebar-responsive{width:220px;height:100vh;flex-shrink:0;transition:transform .25s ease;position:-webkit-sticky;position:sticky;top:0}.sidebar-responsive nav::-webkit-scrollbar{width:4px}.sidebar-responsive nav::-webkit-scrollbar-track{background:transparent}.sidebar-responsive nav::-webkit-scrollbar-thumb{background:rgba(122,137,255,.18);border-radius:4px}.sidebar-responsive nav::-webkit-scrollbar-thumb:hover{background:rgba(122,137,255,.35)}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.login-grid,.login-hero-cards{grid-template-columns:1fr}.login-main{padding:16px}.login-hero-panel,.login-right-panel{padding:28px 22px;border-radius:22px}.login-logo-responsive{width:180px;height:110px}}@media (max-width:820px){.sidebar-mobile-toggle,.sidebar-overlay.open{display:block}.sidebar-responsive{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translateX(-100%);overflow-y:auto}.sidebar-responsive.open{transform:translateX(0)}.sidebar-responsive{width:250px;max-width:80vw}.dashboard-main-content{padding-top:52px}.dashboard-layout{grid-template-columns:1fr}.app-header{padding-left:52px!important;padding-right:12px!important}.app-header-actions{gap:8px!important}.app-header-actions>button,.app-header-actions>div{font-size:13px!important}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.auth-card{padding:24px}.login-title{font-size:30px}.login-input{height:48px;font-size:15px}.login-btn-primary{height:48px;font-size:16px}.login-btn-secondary{min-height:52px;font-size:16px}.main-content{padding:12px 8px}.app-header{flex-direction:column;align-items:flex-start;gap:8px!important}.app-header-logo{display:none}.app-header-actions{width:100%;justify-content:flex-end}}@media (max-width:820px){.dashboard-content-area{padding:16px 12px 24px!important}}@media (max-width:640px){.dashboard-content-area{padding:12px 8px 20px!important}}@media (max-width:820px){input,select,textarea{min-height:48px;font-size:16px!important}.btn,a[role=button],button{min-height:44px}}.table-row-hover:hover{background:hsla(0,0%,100%,.04)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-content-animated{animation:tabFadeIn .25s ease-out}@keyframes uiSpin{to{transform:rotate(1turn)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes executiveScoreShimmer{0%{transform:translateX(-120%);opacity:0}15%{opacity:.35}50%{opacity:.5}85%{opacity:.2}to{transform:translateX(220%);opacity:0}}.executive-score-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.16) 45%,hsla(0,0%,100%,0));animation:executiveScoreShimmer 3.2s ease-in-out infinite}