:root{--bg: #0B0E14;--surface: #141925;--surface-2: #1C2230;--border: #283042;--text: #E6EAF2;--text-muted: #8A93A6;--accent: #5B8DEF;--healthy: #3FB984;--warn: #E0A23C;--fail: #E5604D;--scout: #8B7BE8;--font-sans: Inter, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--radius-card: 10px;--radius-control: 8px;--radius-pill: 999px;--pad-card: 16px;--gap-panel: 24px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{max-width:1100px;margin:0 auto;padding:0 24px 48px}.app__header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:24px;padding:14px 0;background:var(--bg);border-bottom:1px solid var(--border)}.app__brand{font-weight:680;letter-spacing:.02em;white-space:nowrap}.app__brand .app__brand-sub{color:var(--text-muted);font-weight:540}.app__spacer{flex:1 1 auto}.app__user{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-control);padding:5px 10px;font-size:13px}.app__user-email{white-space:nowrap}.app__signout{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-control);padding:2px 8px;font:inherit;font-size:12px}.app__signout:hover{background:var(--surface)}.app--callback{display:flex;align-items:center;justify-content:center;min-height:60vh}.app__callback-msg{color:var(--text-muted)}.app__panels{display:flex;flex-direction:column;gap:var(--gap-panel);margin-top:var(--gap-panel)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-card)}.panel__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.panel__title{margin:0;font-size:15px;font-weight:680}.panel__meta{margin-left:auto;display:inline-flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.panel__count{color:var(--text-muted)}.refresh-btn{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-control);padding:3px 8px;font-size:12px;cursor:pointer}.refresh-btn:focus-visible,.retry-btn:focus-visible,.pill__clear:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 6px 2px 10px;font-size:12px;color:var(--text)}.pill__clear{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px}.status__dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.status--healthy .status__dot{background:var(--healthy)}.status--warn .status__dot{background:var(--warn)}.status--fail .status__dot{background:var(--fail)}.status--healthy{color:var(--healthy)}.status--warn{color:var(--warn)}.status--fail{color:var(--fail)}.budget{display:inline-flex;align-items:center;gap:10px}.budget__label{font-size:13px;color:var(--text-muted)}.budget__amount{color:var(--text)}.budget__track{width:160px;height:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);overflow:hidden}.budget__fill{height:100%;border-radius:var(--radius-pill);transition:width .3s ease}.budget__fill--healthy{background:var(--healthy)}.budget__fill--warn{background:var(--warn)}.budget__fill--fail{background:var(--fail)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px;text-align:left;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:6px}.card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card--active{border-color:var(--accent)}.card__kind{font-weight:540;font-size:14px}.card__when{color:var(--text-muted);font-size:12px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--text-muted);font-weight:540;font-size:12px;padding:6px 10px;border-bottom:1px solid var(--border)}.table td{padding:8px 10px;border-bottom:1px solid var(--border);font-size:13px}.table tbody tr:hover{background:var(--surface-2)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.deltas{list-style:none;margin:0;padding:0}.delta-row{display:flex;align-items:baseline;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);font-size:13px}.delta-row:hover{background:var(--surface-2)}.delta-row__source{font-weight:540}.delta-row__meta{color:var(--text-muted)}.delta-row__dedup{font-family:var(--font-mono)}.delta-row__when{margin-left:auto;color:var(--text-muted)}.state{color:var(--text-muted);padding:12px 10px;font-size:13px}.state--error{display:flex;align-items:center;gap:10px;color:var(--fail)}.retry-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-control);padding:3px 10px;font-size:12px;cursor:pointer}.stale{opacity:.5}.skeleton{background:var(--surface-2);border-radius:var(--radius-control);height:14px}.skeleton--card{height:78px;border-radius:var(--radius-card)}.skeleton--row{height:28px;margin:6px 0}@media(prefers-reduced-motion:no-preference){.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}