*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:#0b0e1a;color:#e2e8f0;min-height:100vh}#root{min-height:100vh}.dashboard{max-width:1280px;margin:0 auto;padding:28px 24px 48px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:#f1f5f9}.header h1 span{color:#6366f1}.status-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse 2s ease-in-out infinite;display:inline-block;margin-right:8px}.status-dot.offline{background:#ef4444;box-shadow:0 0 8px #ef444499}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.status-label{font-size:.8rem;color:#94a3b8;display:flex;align-items:center}.grid-top{display:grid;grid-template-columns:220px 1fr 1fr;gap:20px;margin-bottom:20px}.grid-bottom{display:grid;grid-template-columns:1fr 340px;gap:20px}.card{background:#141827;border:1px solid #1e2540;border-radius:16px;padding:24px}.card-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:16px}.live-count-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.live-number{font-size:5rem;font-weight:700;line-height:1;color:#6366f1;letter-spacing:-.04em}.live-label{font-size:.78rem;color:#64748b;margin-top:8px}.live-updated{font-size:.68rem;color:#334155;margin-top:12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-item{background:#0f1220;border:1px solid #1e2540;border-radius:12px;padding:16px 18px}.stat-value{font-size:1.8rem;font-weight:700;color:#f1f5f9;letter-spacing:-.02em}.stat-label{font-size:.7rem;color:#64748b;margin-top:4px}.zones-row{display:flex;gap:10px;height:100px;align-items:flex-end}.zone-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:6px}.zone-bar{width:100%;border-radius:8px 8px 4px 4px;transition:height .6s ease;min-height:6px}.zone-bar.left{background:linear-gradient(180deg,#818cf8,#4f46e5)}.zone-bar.center{background:linear-gradient(180deg,#34d399,#059669)}.zone-bar.right{background:linear-gradient(180deg,#f472b6,#db2777)}.zone-name{font-size:.68rem;color:#64748b}.zone-count{font-size:.78rem;font-weight:600;color:#e2e8f0}@media (max-width: 900px){.grid-top{grid-template-columns:1fr 1fr}.grid-bottom{grid-template-columns:1fr}.live-count-card{grid-column:1 / -1}}@media (max-width: 600px){.grid-top{grid-template-columns:1fr}}