:root{--bg:#f7f7f5;--surface:#fff;--border:#e4e4e0;--text:#1c1c1a;--muted:#6b6b66;--accent:#2f5bea;--ok:#1f8a4c;--warn:#b7791f;--danger:#c53030;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121211;--surface:#1b1b1a;--border:#2d2d2a;--text:#ececea;--muted:#9a9a94;--accent:#6b8cff;--ok:#4cc283;--warn:#e0a84a;--danger:#f07070;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:4px;padding:20px 12px;display:flex}.brand{letter-spacing:-.01em;padding:0 10px 16px;font-size:15px;font-weight:700}.nav-link{color:var(--muted);border-radius:7px;padding:7px 10px}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{background:var(--bg);color:var(--text);font-weight:600}.main{width:100%;max-width:1200px;padding:28px 32px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:22px}h2{margin:0 0 12px;font-size:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:650}.muted{color:var(--muted)}.badge{border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.badge.low{color:var(--ok)}.badge.medium{color:var(--warn)}.badge.high{color:var(--danger)}button,.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;padding:7px 12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:7px;width:100%;padding:7px 10px}textarea{resize:vertical;min-height:80px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 6px}th{color:var(--muted);font-size:12px;font-weight:500}pre{white-space:pre-wrap;margin:0;font-size:12px}.error{color:var(--danger)}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;padding:10px 16px;overflow-x:auto}.brand{display:none}.nav-link{white-space:nowrap}.main{padding:20px 16px}}.kpi-unavailable{color:var(--muted);font-size:15px;font-weight:500}.kpi-partial{vertical-align:middle;margin-left:6px;font-size:11px}.kpi-reason{color:var(--muted);margin-top:4px;font-size:12px}.demo-banner{border:1px dashed var(--warn);color:var(--warn);background:var(--surface);border-radius:var(--radius);padding:10px 14px}.badge.demo{color:var(--warn);border-color:var(--warn)}.badge.ok{color:var(--ok)}.badge.error{color:var(--danger)}.badge.pending,.badge.syncing{color:var(--warn)}.table-scroll{overflow-x:auto}.nav-group{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:10px;padding:0 10px 4px;font-size:11px}