* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f5f7fb; color: #111827; }
.container { max-width: 860px; margin: 48px auto; padding: 0 20px; }
h1 { margin: 0; font-size: 42px; }
.subtitle { margin-top: 8px; color: #4b5563; }
.grid { margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; }
h2 { margin: 0 0 10px; font-size: 18px; }
.status { margin: 0; font-weight: 700; }
.ok { color: #047857; }
.down { color: #b91c1c; }
.loading { color: #6b7280; }
.meta { margin-top: 18px; font-size: 13px; color: #6b7280; }