@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0d0d1a;--bg-surface: #13132a;--bg-card: #1a1a38;--bg-hover: #22224a;--border: #2a2a50;--border-dim: #1e1e40;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-dim: #64748b;--accent: #6366f1;--accent-dim: #4f52c9;--green: #22c55e;--red: #ef4444;--yellow: #f59e0b;--cyan: #06b6d4;--purple: #a855f7;--orange: #f97316;--pink: #ec4899;--sidebar-w: 220px;--topbar-h: 48px}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:8px 12px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.mono{font-family:JetBrains Mono,monospace}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.p-4{padding:16px}.p-6{padding:24px}.rounded{border-radius:6px}.rounded-lg{border-radius:10px}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:16px}.text-xl{font-size:20px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-accent{color:var(--accent)}.w-full{width:100%}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;transition:opacity .15s,background .15s;cursor:pointer}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:500;text-transform:uppercase}.badge-green{background:#22c55e26;color:var(--green)}.badge-yellow{background:#f59e0b26;color:var(--yellow)}.badge-red{background:#ef444426;color:var(--red)}.badge-blue{background:#6366f126;color:var(--accent)}.badge-dim{background:#64748b26;color:var(--text-dim)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.page{padding:24px;max-width:1400px}.page-header{margin-bottom:24px}.page-title{font-size:22px;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:13px;margin-top:2px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}