:root{--bg-dark:#0b0f19;--bg-card:#111827bf;--bg-card-hover:#1e293bd9;--border-color:#ffffff14;--border-highlight:#6366f14d;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-green:#10b981;--accent-red:#ef4444;--accent-amber:#f59e0b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#3b82f61f 0,#0000 50%),radial-gradient(at 100% 0,#8b5cf61f 0,#0000 50%),radial-gradient(at 50% 100%,#10b98114 0,#0000 50%);background-attachment:fixed;min-height:100vh}.dashboard-container{max-width:1440px;margin:0 auto;padding:1.5rem 2rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0003}.glass-card:hover{border-color:var(--border-highlight);box-shadow:0 20px 30px -10px #6366f126}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.badge-red{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.pulse-dot{background-color:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 10px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.main-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.main-grid{grid-template-columns:1fr}}.metric-value{font-family:var(--font-mono);margin-top:.5rem;font-size:1.75rem;font-weight:700}.font-mono{font-family:var(--font-mono)}