:root{--bg:#070c16;--panel:#0f1a2b;--card:#0f1a2b;--card2:#0c1627;--text:#e7eefc;--muted:#a9b7d3;--border:#ffffff17;--shadow:0 12px 30px #00000059;--accent:#fc6;--accent2:#ff8f3d;--danger:#ff6b7a;--warn:#fc6;--ok:#59d98e;--radius:14px;--radius-sm:10px;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1100px 650px at 12% -10%, #ffcc6629, transparent 55%), radial-gradient(900px 600px at 90% 0%, #ff8f3d24, transparent 55%), radial-gradient(900px 700px at 30% 110%, #6aa7ff14, transparent 55%), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}a:hover{color:var(--accent2);text-underline-offset:3px;text-decoration:underline}:focus-visible{outline-offset:2px;outline:3px solid #ffcc668c}.appShell{flex-direction:column;min-height:100%;display:flex}.topBar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b1220b8;position:sticky;top:0}.topBarInner{justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto;padding:16px 18px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{background:linear-gradient(135deg,#ffcc66eb,#ff8f3dd1);border-radius:11px;width:34px;height:34px;box-shadow:0 10px 25px #ffcc6624}.brandText{flex-direction:column;min-width:0;display:flex}.brandText strong{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.brandText span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.statusPills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:#0f1a2b8c;border-radius:999px;padding:7px 10px;font-size:12px}.pill b{color:var(--text);font-weight:600}.container{width:100%;max-width:1200px;margin:0 auto;padding:18px}.grid{gap:14px;display:grid}.grid.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.main{grid-template-columns:360px minmax(0,1fr);align-items:start}.grid.charts{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{background:#090f1b73;border:1px solid #ffffff1a;border-radius:14px;gap:8px;width:fit-content;padding:6px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:10px 12px;font-size:12px}.tab.active{color:#061225;background:linear-gradient(135deg,#7ee2c3eb,#6aa7ffc7);border-color:#ffffff2e;font-weight:900}.split{grid-template-columns:1.15fr .85fr;align-items:start;gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#0f1a2bdb,#0c1627db)}.cardHeader{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 14px 10px;display:flex}.cardHeader h3{letter-spacing:.2px;margin:0;font-size:13px}.cardHeader p{color:var(--muted);margin:4px 0 0;font-size:12px}.cardBody{padding:14px}.kpi{align-items:center;gap:12px;padding:14px;display:flex}.kpiIcon{width:36px;height:36px;color:var(--accent);background:#7ee2c31f;border:1px solid #7ee2c338;border-radius:12px;place-items:center;display:grid}.kpiMeta{flex-direction:column;min-width:0;display:flex}.kpiMeta span{color:var(--muted);font-size:12px}.kpiMeta strong{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.kpiSub{color:var(--muted);margin-top:2px;font-size:12px}.controls{flex-direction:column;gap:10px;display:flex}.controlRow{grid-template-columns:1fr;gap:8px;display:grid}.label{color:var(--muted);font-size:12px}select,input[type=search]{width:100%;color:var(--text);background:#090f1b8c;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:10px}select:focus,input[type=search]:focus{border-color:#ffcc6673;box-shadow:0 0 0 3px #ffcc661f}.btnRow{flex-wrap:wrap;gap:10px;display:flex}.btn{color:var(--text);cursor:pointer;background:#0f1a2b99;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:inline-flex}.btn:hover{background:#121f34a6;border-color:#7ee2c359}.btn.primary{color:#061225;background:linear-gradient(135deg,#ffcc66eb,#ff8f3dcc);border-color:#ffffff2e;font-weight:800}.btn:disabled{opacity:.55;cursor:not-allowed}.tableWrap{border:1px solid #ffffff14;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:10px;font-size:12px}th{color:var(--muted);letter-spacing:.2px;background:#090f1bbf;font-weight:600;position:sticky;top:0}tr:hover td{background:#7ee2c30f}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.twoCol{grid-template-columns:1fr 1fr;gap:12px;display:grid}.insightList{color:var(--text);margin:0;padding-left:18px;font-size:13px}.insightList li{margin:8px 0}.callout{background:#090f1b80;border:1px solid #ffffff1a;border-radius:12px;padding:12px}.calloutTitle{color:var(--muted);margin:0 0 6px;font-size:12px}.calloutValue{margin:0;font-size:13px}.loading{color:var(--muted);align-items:center;gap:10px;padding:16px;display:flex}.spinner{border:2px solid #ffffff2e;border-top-color:#ffcc66e6;border-radius:999px;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{border-radius:var(--radius);color:var(--text);background:#ff6b7a14;border:1px solid #ff6b7a59;padding:14px}@media (width<=1100px){.grid.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.main,.split{grid-template-columns:1fr}}@media (width<=680px){.grid.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.charts,.twoCol{grid-template-columns:1fr}table{min-width:840px}}