*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0e17;--card: #111827;--border: #1f2937;--text: #e5e7eb;--muted: #6b7280;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--blue: #3b82f6;--accent: #8b5cf6}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--card)}nav h1{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px}nav h1 span{color:var(--accent)}nav .stats-row{display:flex;gap:24px;font-size:.875rem}nav .stats-row .stat{display:flex;align-items:center;gap:6px}.container{max-width:1200px;margin:0 auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.card:hover{border-color:var(--accent)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-name{font-weight:600;font-size:.95rem}.badge{font-size:.7rem;padding:2px 8px;border-radius:99px;font-weight:500}.badge.online{background:#22c55e26;color:var(--green)}.badge.offline{background:#ef444426;color:var(--red)}.badge.degraded{background:#eab30826;color:var(--yellow)}.card-stats{display:flex;gap:16px;font-size:.8rem;color:var(--muted)}.card-stats div{display:flex;flex-direction:column;gap:2px}.card-stats .value{color:var(--text);font-weight:500;font-size:.9rem}.latency-bar{margin-top:12px;height:4px;border-radius:4px;background:var(--border);overflow:hidden}.latency-fill{height:100%;border-radius:4px;transition:width .5s ease}.search-bar{display:flex;gap:12px;margin-bottom:8px}.search-bar input{flex:1;padding:10px 16px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.875rem;outline:none}.search-bar input:focus{border-color:var(--accent)}.filter-group{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-btn{padding:6px 14px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.summary-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.summary-card .number{font-size:1.5rem;font-weight:700}.summary-card .label{font-size:.75rem;color:var(--muted);margin-top:4px}@media (max-width: 640px){.summary-cards{grid-template-columns:repeat(2,1fr)}}