.app{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.header h1{font-size:22px;margin:0}.header .sub{color:var(--muted);font-size:13px;margin-top:4px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:600;font-size:14px}.status-pill.UP{background:#22c55e26;color:var(--ok)}.status-pill.DOWN{background:#ef444426;color:var(--bad)}.status-pill.LOADING{background:#6366f126;color:var(--accent)}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff0f}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}.toolbar label{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.toolbar input[type=checkbox]{accent-color:var(--accent)}.toolbar .timestamp{margin-left:auto;font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:16px}.card h2{margin:0 0 4px;font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:#c5cbe0}.card .hint{margin:0 0 12px;color:var(--muted);font-size:12.5px;line-height:1.45}.kv{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:14px}.kv .k{color:var(--muted)}.kv .v{font-variant-numeric:tabular-nums;word-break:break-all;text-align:right}.bar{height:8px;background:#232a48;border-radius:999px;overflow:hidden;margin:6px 0 2px}.bar>span{display:block;height:100%;background:var(--ok);transition:width .3s}.bar.warn>span{background:var(--warn)}.bar.bad>span{background:var(--bad)}.check-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--card-border);font-size:14px}.check-row:last-child{border-bottom:0}.badge{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{background:#22c55e26;color:var(--ok)}.badge.bad{background:#ef444426;color:var(--bad)}.error-box{background:#ef444414;border:1px solid rgba(239,68,68,.35);border-radius:12px;padding:14px 16px;color:#fda4a4;font-size:14px;line-height:1.5}.footer{margin-top:28px;color:var(--muted);font-size:12px;text-align:center}@media (max-width: 500px){.header h1{font-size:18px}.card{padding:14px}.toolbar .timestamp{margin-left:0;width:100%}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:#0b1020;color:#e6e9f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}:root{--bg: #0b1020;--card: #151a2e;--card-border: #232a48;--text: #e6e9f2;--muted: #8891ad;--ok: #22c55e;--warn: #f59e0b;--bad: #ef4444;--accent: #6366f1}a{color:var(--accent)}button{font:inherit;border:0;background:var(--accent);color:#fff;padding:10px 18px;border-radius:10px;cursor:pointer;transition:opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){opacity:.9}