.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:32px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--font-head);font-size:17px;font-weight:700}.navbar-brand span{color:var(--primary)}.navbar-links{gap:4px;display:flex}.navbar-link{color:var(--text-2);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.navbar-link:hover{background:var(--hover-wash);color:var(--primary)}.navbar-link.active{background:var(--primary);color:#fff}@media (width<=900px){.navbar{gap:16px;padding:0 16px}.navbar-link{padding:8px 10px}}.navbar-link:focus-visible{box-shadow:0 0 0 2px #fafcff, 0 0 0 4px var(--primary);outline:none}.panel-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-subtle);border-radius:8px;padding:16px 20px}.panel-card:hover{box-shadow:var(--shadow-medium)}.panel-card-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.panel-card-title{font-family:var(--font-head);color:var(--text-2);margin:0;font-size:15px;font-weight:600}.panel-card-freshness{color:var(--text-muted);font-size:12px}.panel-card-state{place-items:center;min-height:96px;font-size:13px;display:grid}.panel-card-error{color:var(--error);background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px}.panel-card-empty{color:var(--text-muted)}.status-chip{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.chip-ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-border)}.chip-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.chip-stale{background:var(--stale-bg);color:var(--stale);border:1px solid var(--stale-border)}.kpi-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-subtle);border-radius:8px;padding:16px 20px}.kpi-card:hover{box-shadow:var(--shadow-medium)}.kpi-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kpi-card-label{font-family:var(--font-head);color:var(--text-2);font-size:15px;font-weight:600}.kpi-card-body{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.kpi-card-value{font-family:var(--font-head);font-size:34px;font-weight:700;line-height:1.1}.kpi-card-suffix{color:var(--text-2);font-size:20px;font-weight:600}.kpi-card-spark{flex:none}.kpi-card-spark-caption{color:var(--text-muted);text-align:right;margin-top:2px;font-size:11px}.kpi-card-note{color:var(--text-muted);margin-top:8px;font-size:11px}.data-table-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.data-table-search{max-width:320px}.data-table-filter{min-width:180px}.data-table .ant-table-thead>tr>th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface);font-size:11px;font-weight:700}.data-table .ant-table-tbody>tr>td{font-variant-numeric:tabular-nums}.data-table .ant-table-tbody>tr:hover>td{background:var(--hover-wash)}.data-table .mono{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:340px;font-size:13px;display:inline-block;overflow:hidden}.chart-root{width:100%}.floodlights-view{flex-direction:column;gap:16px;display:flex}.filter-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:24px;padding:10px 16px;display:flex}.filter-row label{color:var(--text-2);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-row-error{min-height:96px;color:var(--error);background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;place-items:center;font-size:13px;display:grid}.heatmap-more{color:var(--text-2);align-items:center;gap:8px;padding-top:8px;font-size:12px;display:flex}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.kpi-row>*,.two-col>*{min-width:0}.filter-row{flex-wrap:wrap;row-gap:8px}@media (width<=1500px){.two-col{grid-template-columns:1fr}}@media (width<=900px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.overview-view{flex-direction:column;gap:16px;display:flex}.banner{border:1px solid;border-left-width:4px;border-radius:8px;align-items:center;gap:16px;padding:14px 20px;display:flex}.banner-ok{background:var(--ok-bg);border-color:var(--ok-border);border-left-color:var(--ok)}.banner-error{background:var(--error-bg);border-color:var(--error-border);border-left-color:var(--error)}.banner-stale{background:var(--stale-bg);border-color:var(--stale-border);border-left-color:var(--stale)}.banner-icon{color:#fff;border-radius:9999px;flex:none;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.banner-ok .banner-icon{background:var(--ok)}.banner-error .banner-icon{background:var(--error)}.banner-stale .banner-icon{background:var(--stale)}.banner-title{font-family:var(--font-head);margin:0;font-size:20px;font-weight:700}.banner-message{color:var(--text-2);margin:0}.tiles{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tiles>*{min-width:0}@media (width<=900px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile-placeholder{min-height:140px;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:8px;place-items:center;display:grid}.row-link{color:var(--primary);font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:14px}.row-link:hover{color:var(--primary-hover);text-decoration:underline}.freshness-footer{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;justify-content:center;gap:32px;padding:10px 0;font-size:12px;display:flex}.freshness-footer strong{font-family:var(--font-mono);color:var(--text);font-weight:400}.dot{border-radius:9999px;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-ok{background:var(--ok)}.dot-error{background:var(--error)}.dot-stale{background:var(--stale)}.supermetrics-view{flex-direction:column;gap:16px;display:flex}.kpi-row-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.table-filters{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.query-link{color:var(--primary)}.query-link:hover{color:var(--primary-hover);text-decoration:underline}.two-col-sm{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.app{flex-direction:column;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:1600px;margin:0 auto;padding:16px 24px;display:flex}@media (width<=900px){.app-main{padding:16px}}.view-placeholder{min-height:240px;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:8px;place-items:center;display:grid}:root{--primary:#0077b6;--primary-hover:#006399;--bg:#fafcff;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--text-2:#475569;--text-muted:#94a3b8;--hover-wash:#f0f7ff;--ok:#059669;--ok-bg:#ecfdf5;--ok-border:#a7f3d0;--error:#b91c1c;--error-bg:#fef2f2;--error-border:#fecaca;--stale:#475569;--stale-bg:#f1f5f9;--stale-border:#cbd5e1;--shadow-subtle:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-medium:0 4px 12px #00000012, 0 1px 3px #0000000a;--font-head:"Figtree", system-ui, sans-serif;--font-body:"Open Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.55}