:root{
  --bg:#0b1c2b;
  --panel:#10263b;
  --panel-2:#173653;
  --line:#234768;
  --text:#f4f8ff;
  --muted:#7fa4c7;
  --soft:#b7cae0;
  --green:#27e7a2;
  --purple:#8b75ff;
  --blue:#4da3ff;
  --red:#ff6678;
  --amber:#f4bd4f;
  --shadow:0 18px 40px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45}
.sidebar{position:fixed;inset:0 auto 0 0;width:198px;background:#10283e;border-right:1px solid var(--line);padding:18px 0;z-index:10}
.window-dots{display:flex;gap:6px;padding:0 12px 18px}.window-dots span{width:7px;height:7px;border-radius:999px;background:var(--green)}.window-dots span+span{background:var(--purple)}
.brand-logo{display:block;width:58px;height:auto;margin:0 0 10px 4px}
.sidebar-title{padding:0 12px 18px;border-bottom:1px solid var(--line)}.sidebar-title strong{display:block;font-size:15px}.sidebar-title span{display:block;color:var(--muted);font-size:11px}
.side-section{padding:18px 12px 8px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:10px;font-weight:900}
.side-nav a{display:block;padding:9px 12px;color:var(--text);font-weight:800;text-decoration:none;background:#173653;border-left:3px solid var(--blue)}
.brand-chip{display:flex;gap:8px;align-items:center;padding:6px 12px;color:var(--text);font-weight:800}.brand-chip span{width:7px;height:7px;border-radius:999px;background:var(--green)}.brand-chip.purple span{background:var(--purple)}
.report-shell{margin-left:198px;max-width:none;padding:24px 28px 64px;min-height:100vh}
.top-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:8px}.live-pill{display:inline-flex;align-items:center;border:1px solid #0d8f67;background:#063e32;color:#9efbd5;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900}.top-actions button{border:1px solid var(--line);background:#153653;color:var(--soft);border-radius:999px;width:30px;height:30px;font-weight:900}
.report-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}
.report-header h1{font-size:26px;line-height:1;margin:6px 0 3px;letter-spacing:0}.report-header p{margin:0;color:var(--muted);font-size:13px}
.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#14314b;color:#94c0e8;font-weight:800;font-size:12px}
.report-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:end;background:#10263b;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.report-controls label{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.report-controls select,.report-controls input{display:block;margin-top:5px;min-width:110px;padding:9px 12px;border:1px solid #2e5a82;border-radius:6px;background:#163653;color:var(--text);font-weight:800}
.section{margin:0 0 22px}.section-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin-bottom:12px}.section-title:before{content:"";width:3px;height:30px;background:var(--green);border-radius:999px}.accent-yellow:before{background:var(--amber)}.accent-purple:before{background:var(--purple)}.accent-orange:before{background:#ff8d3d}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px 16px;min-height:112px;border-top:4px solid var(--green)}.kpi:nth-child(2){border-top-color:var(--blue)}.kpi:nth-child(3){border-top-color:var(--purple)}.kpi .label{font-size:11px;font-weight:950;letter-spacing:.08em;color:#9dc6ed;text-transform:uppercase}.kpi .value{font-size:29px;font-weight:950;color:#fff;margin:9px 0 4px}.kpi .sub{font-size:11px;color:var(--muted);font-style:italic}
.return-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.42fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px;min-width:0}
.table-wrap{width:100%;overflow-x:auto;border-radius:8px;border:1px solid var(--line)}.grid{width:100%;border-collapse:collapse;background:var(--panel);min-width:780px}.grid th{background:#173653;color:#79afe4;text-align:right;padding:12px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.grid th:first-child,.grid td:first-child{text-align:left}.grid td{padding:13px;border-top:1px solid var(--line);text-align:right;vertical-align:middle;color:#f9fbff}.grid td:first-child{min-width:150px}
.bars{display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:minmax(130px,.4fr) minmax(160px,1fr) 64px;gap:12px;align-items:center}.bar-row strong{font-size:13px}.track{height:6px;background:#254968;border-radius:999px;overflow:hidden}.track span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.empty-state{padding:24px;border:1px dashed #2e5a82;border-radius:8px;color:var(--soft);background:#10263b}
.fatal{margin:20px;padding:20px;background:#2d1117;color:#ffb8c0;white-space:pre-wrap}
html:not([data-theme=dark]){--bg:#eef4fa;--panel:#fff;--panel-2:#f8fbff;--line:#c9daeb;--text:#001f3f;--muted:#55799b;--soft:#486987;--shadow:0 20px 50px rgba(20,50,80,.08)}html:not([data-theme=dark]) .sidebar{background:#fff}html:not([data-theme=dark]) .side-nav a{background:#eaf3fb;color:#001f3f}html:not([data-theme=dark]) .report-controls,html:not([data-theme=dark]) .card,html:not([data-theme=dark]) .empty-state{background:#fff}html:not([data-theme=dark]) .report-controls select,html:not([data-theme=dark]) .report-controls input{background:#fff;color:#001f3f}html:not([data-theme=dark]) .grid{background:#fff}html:not([data-theme=dark]) .grid th{background:#e8f2fb;color:#155c9f}html:not([data-theme=dark]) .grid td{color:#001f3f}html:not([data-theme=dark]) .kpi .value{color:#001f3f}html:not([data-theme=dark]) .pill{background:#fff}
@media(max-width:980px){.sidebar{position:static;width:auto;height:auto}.report-shell{margin-left:0;padding:18px}.report-header{display:block}.report-controls{margin-top:14px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.return-layout{grid-template-columns:1fr}}
@media(max-width:560px){.kpis{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr}.report-controls{display:grid;grid-template-columns:1fr 1fr}.brand-logo{width:46px}}