:root{--bg:#f4f7fb;--panel:#fff;--panel2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#0ea5e9;--accent2:#2563eb;--good:#16a34a;--warn:#d97706;--bad:#dc2626;--shadow:0 10px 30px rgba(15,23,42,.06)}
html[data-theme="dark"]{--bg:#07111f;--panel:#0d1828;--panel2:#101f32;--text:#e5edf7;--muted:#8ba0b8;--line:#21324a;--accent:#38bdf8;--accent2:#60a5fa;--shadow:0 10px 30px rgba(0,0,0,.22)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#0f172a;color:#e5edf7;position:fixed;inset:0 auto 0 0;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;font-size:22px;font-weight:900}.brand strong,.brand span{display:block}.brand span{font-size:11px;color:#94a3b8;margin-top:2px}.sidebar nav{margin-top:28px;display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#a9b7ca;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;display:flex;gap:10px;align-items:center}.nav-item:hover,.nav-item.active{background:#17243a;color:#fff}.side-note{margin-top:auto;padding:14px;border:1px solid #26364f;border-radius:12px;background:#111d30}.side-note small{color:#38bdf8;font-weight:800}.side-note p{font-size:12px;color:#94a3b8;margin:6px 0 0}.main{margin-left:250px;width:calc(100% - 250px);padding:0 24px 30px}.topbar{height:82px;display:flex;align-items:center;gap:16px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);z-index:10}.title-wrap{flex:1}.title-wrap h1{font-size:22px;margin:0}.title-wrap p{margin:3px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.btn{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:9px 12px;cursor:pointer;text-decoration:none}.icon-btn:hover,.btn:hover{filter:brightness(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:0}.btn.secondary{background:var(--panel)}.btn.full{width:100%;padding:12px}.user-chip{display:flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.avatar{width:34px;height:34px;border-radius:10px;background:var(--panel2);display:grid;place-items:center;font-weight:800}.user-chip strong,.user-chip span{display:block;font-size:12px}.user-chip span{color:var(--muted);font-size:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.filters{display:flex;align-items:end;gap:14px;padding:14px 16px;margin-bottom:18px}.filters label{font-size:11px;color:var(--muted);display:grid;gap:5px}.filters select{min-width:150px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}.data-status{margin-left:auto;font-size:11px;color:var(--muted);padding-bottom:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--good);display:inline-block;margin-right:5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.kpi{padding:17px}.kpi .label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.kpi .value{font-size:27px;font-weight:800;margin:6px 0}.delta{font-size:11px;font-weight:700}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.delta.warn{color:var(--warn)}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:14px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.panel{padding:17px}.panel-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:14px}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.badge{font-size:10px;padding:5px 8px;border-radius:999px;background:var(--panel2);color:var(--muted);border:1px solid var(--line)}.svg-chart{width:100%;height:265px;overflow:visible}.chart-label{font-size:10px;fill:var(--muted)}.chart-grid{stroke:var(--line);stroke-width:1}.chart-area{fill:color-mix(in srgb,var(--accent) 12%,transparent)}.chart-line{fill:none;stroke:var(--accent);stroke-width:3}.chart-dot{fill:var(--panel);stroke:var(--accent);stroke-width:2}.bar{fill:var(--accent)}.bar.alt{fill:var(--accent2)}.progress-row{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:10px;margin:12px 0}.progress{height:9px;background:var(--panel2);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}.progress-row b{text-align:right;font-size:12px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:10px;border-bottom:1px solid var(--line)}.data-table td{padding:11px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.rank{width:24px;height:24px;border-radius:7px;background:var(--panel2);display:grid;place-items:center;font-weight:800}.status{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:4px 7px;border-radius:999px}.status.good{background:color-mix(in srgb,var(--good) 12%,transparent);color:var(--good)}.status.warn{background:color-mix(in srgb,var(--warn) 12%,transparent);color:var(--warn)}.status.bad{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}.alerts{display:grid;gap:9px}.alert-row{display:grid;grid-template-columns:9px 1fr;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.alert-row i{width:8px;height:8px;border-radius:50%;margin-top:5px}.alert-row.high i{background:var(--bad)}.alert-row.medium i{background:var(--warn)}.alert-row.good i{background:var(--good)}.alert-row strong{font-size:12px}.alert-row p{font-size:11px;color:var(--muted);margin:3px 0 0}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:24px;min-height:230px}.donut{width:160px;height:160px;border-radius:50%;position:relative;display:grid;place-items:center}.donut:after{content:"";width:98px;height:98px;border-radius:50%;background:var(--panel);position:absolute}.donut-center{position:relative;z-index:2;text-align:center}.donut-center b{display:block;font-size:22px}.legend{display:grid;gap:9px}.legend span{font-size:11px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.metric-mini{padding:15px}.metric-mini strong{font-size:20px}.metric-mini span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.insight-card{padding:18px;border-left:4px solid var(--accent)}.insight-card h3{margin:0 0 7px}.insight-card p{color:var(--muted);font-size:12px;line-height:1.55}.insight-card .impact{font-size:11px;font-weight:800;color:var(--accent)}footer{text-align:center;color:var(--muted);font-size:10px;padding:26px 0}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#17304f,#08111e 60%);padding:20px}.login-card{width:min(430px,100%);background:var(--panel);padding:30px;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.login-brand{margin-bottom:28px}.login-card h1{font-size:23px;margin:0 0 7px}.login-card>p{color:var(--muted);font-size:13px}.login-card form{display:grid;gap:13px;margin:22px 0}.login-card label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.login-card input{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:11px}.login-card small{color:var(--muted)}.alert.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px;font-size:12px}.mobile-only{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-equal{grid-template-columns:1fr}.section-grid{grid-template-columns:repeat(2,1fr)}.user-chip{display:none}.filters{flex-wrap:wrap}.data-status{margin-left:0;width:100%}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:0 13px 24px}.mobile-only{display:block}.topbar{height:auto;min-height:72px}.top-actions .btn.secondary{display:none}.filters label{width:calc(50% - 8px)}.filters select{min-width:0;width:100%}.kpi-grid,.section-grid{grid-template-columns:1fr}.progress-row{grid-template-columns:92px 1fr 65px}.title-wrap p{display:none}}