:root{--bg: #0b0f1a;--panel: #131a2a;--panel2: #1a2335;--border: #243049;--text: #e6ecf7;--muted: #8b97ad;--accent: #4f9cff;--green: #2ecc71;--amber: #f1c40f;--red: #e74c3c;--grey: #6b7689}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:18px 12px}.sidebar h1{font-size:15px;margin:0 0 4px}.sidebar .sub{color:var(--muted);font-size:11px;margin-bottom:18px}.navgroup{font-size:11px;text-transform:uppercase;color:var(--muted);margin:16px 6px 6px;letter-spacing:.04em}.navlink{display:block;padding:8px 10px;border-radius:8px;color:var(--muted);font-size:14px}.navlink:hover{background:var(--panel2);color:var(--text)}.navlink.active{background:var(--accent);color:#fff}.navlink.locked{opacity:.55}.main{padding:20px 26px}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.header h2{margin:0;font-size:20px}.freshness{text-align:right;font-size:11px;color:var(--muted);line-height:1.5}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tab{padding:7px 14px;border-radius:20px;background:var(--panel);border:1px solid var(--border);font-size:13px;color:var(--muted)}.tab.active{background:var(--panel2);color:var(--text);border-color:var(--accent)}.grid{display:grid;gap:14px}.grid.kpi{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.grid.two{grid-template-columns:1fr 1fr}@media (max-width: 900px){.layout,.grid.two{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.card h3{margin:0 0 10px;font-size:13px;color:var(--muted);font-weight:600}.kpi-value{font-size:30px;font-weight:700;letter-spacing:-.5px}.kpi-row{display:flex;justify-content:space-between;align-items:center}.kpi-name{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.trend{font-size:12px;color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}.dot.grey{background:var(--grey)}.badge{display:inline-flex;align-items:center;font-size:12px}.prov{margin-top:12px;padding-top:8px;border-top:1px dashed var(--border);font-size:10px;color:var(--muted);line-height:1.5;word-break:break-word}.prov .stale{color:var(--amber)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase}.banner{background:var(--panel2);border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--muted)}.banner.lock{border-left-color:var(--red)}.state{padding:30px;text-align:center;color:var(--muted);font-size:14px}.state.err{color:var(--red)}