* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #0f172a; color: #e2e8f0; }
.container { max-width: 720px; margin: 60px auto; padding: 0 20px; }
h1 { font-size: 1.5rem; margin-bottom: 12px; }
.status { padding: 12px 20px; border-radius: 8px; margin-bottom: 32px; font-weight: 600; }
.status.ok { background: #064e3b; color: #6ee7b7; }
.metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.card { background: #1e293b; border-radius: 8px; padding: 20px; }
.card h3 { font-size: 0.8rem; text-transform: uppercase; color: #94a3b8; margin-bottom: 8px; }
.card p { font-size: 1.4rem; font-weight: 600; }
footer { margin-top: 48px; font-size: 0.75rem; color: #475569; }