@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap";.layout{max-width:640px;margin:0 auto;padding:2rem 1.5rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.tagline{color:var(--text-muted);font-size:.95rem;margin:0 0 1rem}.overall{display:inline-flex;align-items:center;gap:.5rem}.overall-label{font-size:.9rem;color:var(--text-muted)}.main{display:flex;flex-direction:column;gap:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.card h2{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-muted)}.loading-card,.error-card{text-align:center;padding:2rem}.loading-card p,.error-card p{margin:.5rem 0 0;color:var(--text-muted)}.error-card h2{color:var(--text)}.spinner{width:32px;height:32px;margin:0 auto;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.services-list{display:flex;flex-direction:column;gap:.5rem}.service-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.service-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.service-name{font-weight:500;font-family:JetBrains Mono,monospace}.latency{font-size:.8rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.error-msg{font-size:.75rem;color:var(--error);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;text-transform:uppercase}.badge.ok{background:#22c55e26;color:var(--success)}.badge.down{background:#ef444426;color:var(--error)}.muted{color:var(--text-muted);font-size:.9rem;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.footer p{margin:0;font-size:.8rem;color:var(--text-muted)}.retry-btn,.refresh-btn{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer}.retry-btn:hover,.refresh-btn:hover{opacity:.9}:root{--bg: #0f0f12;--bg-card: #18181c;--border: #2a2a2e;--text: #f4f4f5;--text-muted: #71717a;--success: #22c55e;--success-dim: #16a34a;--error: #ef4444;--error-dim: #dc2626;--accent: #3b82f6;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{min-height:100vh}