@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--honey-50:#fff8e7;--honey-100:#ffecbf;--honey-200:#ffdb8a;--honey-300:#ffc857;--honey-400:#f5b841;--honey-500:#e0a020;--honey-600:#b57d0e;--honey-700:#8a5d06;--graphite-50:#f6f5f2;--graphite-100:#edebe5;--graphite-200:#d9d6ce;--graphite-300:#b3afa4;--graphite-400:#7c7870;--graphite-500:#4f4c46;--graphite-600:#2e2c28;--graphite-700:#1f1d1b;--graphite-800:#141312;--graphite-900:#0f0f0f;--jelly-300:#9be3e0;--jelly-400:#5cc8c4;--jelly-500:#2aa7a2;--status-success:#4bb37b;--status-warning:#f5b841;--status-danger:#e05c4b;--status-info:#5cc8c4;--font-display:"Inter", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 3px #1413120f, 0 1px 2px #1413120a;--shadow-md:0 4px 6px #1413120d, 0 2px 4px #1413120a;--shadow-lg:0 10px 20px #14131214, 0 4px 8px #1413120a;--ease-out:cubic-bezier(.2,.7,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--dur-fast:.12s;--dur-base:.24s;--dur-slow:.42s}:root,[data-theme=dark]{--bg:var(--graphite-900);--bg-elevated:var(--graphite-800);--bg-sunken:#0a0a0a;--card-bg:var(--graphite-700);--card-bg-hover:#262420;--card-border:#ffffff12;--card-shadow:0 1px 2px #0000004d, 0 4px 16px #0003;--card-shadow-hover:0 2px 6px #0006, 0 16px 40px #f5b8411a;--fg1:#f2f0ec;--fg2:#b3afa4;--fg3:#7c7870;--fg-inverse:var(--graphite-900);--accent:var(--honey-400);--accent-hover:var(--honey-300);--accent-muted:#f5b8411f;--accent-glow:#f5b84140;--border:#ffffff12;--border-strong:#ffffff26;--divider:#ffffff0d;--input-bg:#ffffff08;--input-border:#ffffff1a;--code-bg:#0a0a0a;--code-fg:var(--graphite-200);--link:var(--jelly-400);--link-hover:var(--jelly-300)}[data-theme=light]{--bg:var(--graphite-50);--bg-elevated:#fff;--bg-sunken:var(--graphite-100);--card-bg:#fff;--card-bg-hover:var(--honey-50);--card-border:#14131214;--card-shadow:0 1px 2px #1413120a, 0 4px 16px #1413120a;--card-shadow-hover:0 2px 6px #1413120f, 0 16px 40px #f5b8411a;--fg1:var(--graphite-900);--fg2:var(--graphite-600);--fg3:var(--graphite-400);--fg-inverse:var(--graphite-50);--accent:var(--honey-500);--accent-hover:var(--honey-600);--accent-muted:var(--honey-100);--accent-glow:#f5b84133;--border:#14131214;--border-strong:#14131229;--divider:#1413120f;--input-bg:#fff;--input-border:#1413121f;--code-bg:var(--graphite-100);--code-fg:var(--graphite-700);--link:var(--jelly-500);--link-hover:var(--jelly-400)}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:var(--graphite-50);--bg-elevated:#fff;--bg-sunken:var(--graphite-100);--card-bg:#fff;--card-bg-hover:var(--honey-50);--card-border:#14131214;--fg1:var(--graphite-900);--fg2:var(--graphite-600);--fg3:var(--graphite-400);--accent:var(--honey-500);--accent-hover:var(--honey-600);--accent-muted:var(--honey-100);--border:#14131214;--divider:#1413120f;--input-bg:#fff;--input-border:#1413121f;--code-bg:var(--graphite-100);--code-fg:var(--graphite-700);--link:var(--jelly-500)}}*,:before,:after{box-sizing:border-box}html{font-size:16px}body{background:var(--bg);color:var(--fg1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:13px;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp var(--dur-base) var(--ease-out) both}.fade-up-1{animation:fadeUp var(--dur-base) 50ms var(--ease-out) both}.fade-up-2{animation:fadeUp var(--dur-base) .1s var(--ease-out) both}.fade-up-3{animation:fadeUp var(--dur-base) .15s var(--ease-out) both}.fade-up-4{animation:fadeUp var(--dur-base) .2s var(--ease-out) both}.row-hover:hover{transition:background var(--dur-fast) var(--ease-in-out);background:var(--card-bg-hover)!important}.btn-ghost{border:1px solid var(--border-strong);color:var(--fg2);border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast), background var(--dur-fast);background:0 0;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:var(--fg3);color:var(--fg1);background:var(--card-bg-hover)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--graphite-900);border-radius:var(--radius-sm);font-family:var(--font-display);cursor:pointer;transition:background var(--dur-fast), box-shadow var(--dur-fast);letter-spacing:.01em;border:none;padding:8px 18px;font-size:13px;font-weight:700}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-glow)}.tab-btn{color:var(--fg3);font-family:var(--font-display);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast);white-space:nowrap;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.tab-btn:hover{color:var(--accent);background:var(--accent-muted)}.tab-btn.active{color:var(--accent);background:var(--accent-muted);border-left-color:var(--accent);transform:translate(2px)}.account-btn{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--dur-fast);background:0 0;border:1px solid #0000;align-items:center;gap:9px;margin-bottom:2px;padding:8px 10px;text-decoration:none;display:flex}.account-btn:hover,.account-btn.active{background:var(--card-bg);border-color:var(--border-strong)}.metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-base) var(--ease-out);padding:18px 20px}.metric-card:hover{border-color:var(--border-strong);box-shadow:var(--card-shadow-hover)}.pill{border-radius:var(--radius-pill);font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.pill-green{color:var(--status-success);background:#4bb37b1f}.pill-red{color:var(--status-danger);background:#e05c4b1f}.pill-blue{color:var(--jelly-400);background:#5cc8c41f}.pill-honey{background:var(--accent-muted);color:var(--accent)}.pill-live{color:var(--status-success);font-family:var(--font-display);background:#4bb37b1a;border:1px solid #4bb37b33;font-size:11px}.divider{border:none;border-top:1px solid var(--divider);margin:0}.shimmer{background:linear-gradient(90deg, var(--card-bg) 25%, var(--card-bg-hover) 50%, var(--card-bg) 75%);border-radius:var(--radius-sm);background-size:400px 100%;animation:1.4s infinite shimmer}.eyebrow{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;flex-shrink:0;font-size:20px;line-height:1;display:inline-block}.honeycomb-pattern{background-image:url("data:image/svg+xml,%3Csvg width='56' height='100' viewBox='0 0 56 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23F5B841' stroke-width='1' stroke-opacity='0.04'/%3E%3C/svg%3E")}.noise-overlay{pointer-events:none;opacity:.02;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.metric-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}