*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid #1e293b;padding:32px 40px 24px}.header h1{color:#f1f5f9;letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.subtitle{color:#64748b;margin-top:4px;font-size:.9rem}.main{flex:1;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;padding:32px 40px;display:grid}@media (width<=640px){.main{grid-template-columns:1fr;padding:24px 20px}}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px}.card h2{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:16px;font-size:.85rem;font-weight:600}.muted{color:#64748b}.error{color:#f87171}.health-status{text-align:center;padding:8px 0}.badge{border-radius:9999px;padding:6px 16px;font-size:.9rem;font-weight:700;display:inline-block}.badge-ok{color:#4ade80;background:#14532d}.badge-muted{color:#64748b;background:#1e293b;border:1px solid #334155}.service-list{flex-direction:column;gap:12px;list-style:none;display:flex}.service-list li{background:#0f172a;border:1px solid #1e293b;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.service-name{color:#cbd5e1;font-size:.9rem;font-weight:500}