body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; margin: 0; background: #0b0f14; color: #e7ecf3; }
.wrap { max-width: 900px; margin: 40px auto; padding: 0 16px; }
h1 { margin-bottom: 8px; }
#updated { opacity: 0.7; margin-bottom: 16px; }
.card { border-radius: 14px; padding: 16px; margin: 12px 0; background: #111826; border: 1px solid #1c2433; }
.card.ok { box-shadow: 0 0 0 1px rgba(22,163,74,.25) inset; }
.card.down { box-shadow: 0 0 0 1px rgba(239,68,68,.25) inset; }
.row { display: flex; justify-content: space-between; align-items: center; }
.name { font-weight: 600; font-size: 18px; }
.badge { padding: 4px 10px; border-radius: 999px; font-size: 12px; background: #172036; }
.card.ok .badge { background: #12281a; color: #7df79e; }
.card.down .badge { background: #2a1313; color: #ff9b9b; }
.meta { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 6px; margin-top: 10px; opacity: .9; font-size: 13px; }