:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#08121d;--surface:#101d2b;--surface-strong:#152436;--border:#24354a;--text:#f4f7fb;--muted:#91a0b5;--violet:#7772ff;--green:#23d18b}*{box-sizing:border-box}html{background:var(--background)}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 5% 0,#7772ff21,#0000 30%),linear-gradient(#091521 0%,#07111b 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.eyebrow{color:#9b98ff;letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.muted{color:var(--muted);margin:6px 0 0}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:#101d2bf0;border-radius:24px;width:min(440px,100%);padding:38px;box-shadow:0 30px 80px #0000005c}.brand-mark{background:linear-gradient(135deg,#7772ff,#9b72ff);border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:28px;font-size:25px;font-weight:900;display:grid;box-shadow:0 14px 34px #7772ff52}.login-card h1,.topbar h1{letter-spacing:-.035em;margin:0}.login-form{gap:18px;margin-top:30px;display:grid}.login-form label,.filter-bar label{color:#b9c3d2;gap:7px;font-size:13px;font-weight:700;display:grid}input,select{border:1px solid var(--border);min-height:44px;color:var(--text);background:#0b1724;border-radius:10px;outline:none;padding:0 13px}input:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7772ff21}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-weight:800;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#7772ff,#8d71ff);margin-top:4px}.secondary-button{color:#fff;background:#635ff0;align-self:end}.ghost-button{color:#c3cedd;border-color:var(--border);background:#101d2b}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.7}.form-error{color:#ff8aa4;margin:-4px 0 0;font-size:13px}.dashboard-shell{width:min(1540px,100%);margin:0 auto;padding:34px 38px 60px}.topbar,.control-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar-actions{gap:10px;display:flex}.control-row{margin-top:28px}.filter-bar{border:1px solid var(--border);background:#101d2bd1;border-radius:14px;flex-wrap:wrap;align-items:end;gap:12px;padding:13px;display:flex}.filter-bar input,.filter-bar select{min-width:150px}.freshness{color:#aebbd0;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.freshness i{background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 14px #23d18bb3}.freshness.stale i{background:#f2b84b;box-shadow:0 0 14px #f2b84b99}.data-warning{color:#f7cf7c;background:#f2b84b14;border:1px solid #f2b84b57;border-radius:12px;margin-top:16px;padding:13px 16px;font-size:14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.kpi-card,.chart-card,.table-card{border:1px solid var(--border);background:linear-gradient(145deg,#152436f2,#0d1a28fa);box-shadow:0 12px 32px #0000001f}.kpi-card{border-radius:16px;min-height:162px;padding:19px;position:relative;overflow:hidden}.kpi-card:after{background:var(--accent);content:"";filter:blur(45px);opacity:.18;border-radius:999px;width:100px;height:100px;position:absolute;top:-40px;right:-35px}.kpi-head{align-items:center;gap:9px;display:flex}.kpi-icon{width:31px;height:31px;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);border-radius:9px;place-items:center;font-size:18px;font-weight:900;display:grid}.kpi-label{color:#aeb9ca;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.kpi-card strong{letter-spacing:-.05em;margin-top:19px;font-size:clamp(28px,3vw,38px);display:block}.kpi-note{color:var(--muted);margin-top:4px;font-size:12px;display:block}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.chart-card,.table-card{border-radius:17px;overflow:hidden}.chart-card>header,.table-card>header{padding:19px 20px 0}.chart-card h2,.table-card h2{margin:0;font-size:17px}.chart-card header p,.table-card header p{color:var(--muted);margin:6px 0 0;font-size:12px}.chart-body{height:320px;padding:18px 12px 12px}.empty-chart{height:100%;color:var(--muted);place-items:center;font-size:13px;display:grid}.pie-layout{align-items:center;height:100%;display:flex}.pie-legend{color:#adb9ca;gap:12px;font-size:13px;display:grid}.pie-legend span{align-items:center;gap:7px;display:flex}.pie-legend i{border-radius:3px;width:9px;height:9px}.pie-legend b{color:#fff}.table-card{margin-top:16px}.table-scroll{padding:16px 20px 20px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #223247;padding:13px 12px}th:first-child,td:first-child{text-align:left}th{color:#8796aa;letter-spacing:.04em;text-transform:uppercase;font-size:11px}tbody tr:hover{background:#7772ff0d}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr}.control-row{flex-direction:column;align-items:flex-start}}@media (max-width:680px){.dashboard-shell{padding:24px 16px 40px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions,.filter-bar,.topbar-actions>*,.filter-bar label,.filter-bar input,.filter-bar select,.secondary-button{width:100%}.filter-bar{display:grid}.kpi-grid{grid-template-columns:1fr}.chart-body{height:300px}.pie-layout{flex-direction:column;align-items:stretch}.pie-layout .recharts-responsive-container{width:100%!important;height:210px!important}.pie-legend{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px}}