:root{--color-bg: #0e0e11;--color-surface: #18181b;--color-surface-hover: #27272a;--color-primary: #836EF9;--color-primary-glow: rgba(131, 110, 249, .4);--color-text-main: #f4f4f5;--color-text-muted: #a1a1aa;--color-border: #27272a;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px var(--color-primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em;color:#fff}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.grid-layout{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:var(--color-primary);box-shadow:0 0 15px #836ef91a}.metric-value{font-size:2rem;font-weight:700;color:#fff;margin:.5rem 0}.metric-label{color:var(--color-text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--color-surface-hover);color:var(--color-text-muted)}.status-badge.live{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.pulse{width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:6px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}header{border-bottom:1px solid var(--color-border);padding:1rem 0;background:#0e0e11cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.logo span{color:var(--color-primary)}.refresh-rate{font-size:.75rem;color:var(--color-text-muted)}