:root{--bg: #f5f6f8;--surface: #ffffff;--text: #16181d;--muted: #646b78;--border: #e2e5ea;--accent: #1f4fd8;--accent-text: #ffffff;--ok: #138a4a;--ko: #c4321f;--radius: 10px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--surface: #171a20;--text: #e8eaee;--muted: #9aa1ad;--border: #2a2f38;--accent: #5b82f0;--ok: #3ccf7f;--ko: #f0695a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{max-width:880px;margin:0 auto;padding:24px 16px 40px}.topbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px}.brand{display:flex;gap:12px;align-items:center}.mark{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);font-weight:700}h1{font-size:20px;margin:0}h2{font-size:15px;margin:0 0 12px}.muted{color:var(--muted);margin:0;font-size:13px}.meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag{border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--muted)}.env-prod{border-color:var(--ko);color:var(--ko)}.status{display:inline-flex;gap:6px;align-items:center;font-size:13px}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status.up .dot{background:var(--ok)}.status.down .dot{background:var(--ko)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card-head{display:flex;justify-content:space-between;align-items:baseline}.form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:8px}@media(max-width:640px){.form{grid-template-columns:1fr}}input{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}button{font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text)}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--muted);border-color:var(--border);padding:4px 10px;font-size:13px}button.ghost:hover{color:var(--ko);border-color:var(--ko)}.error{color:var(--ko);margin:12px 0 0;font-size:13px}.empty{color:var(--muted);margin:0}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.list li:first-child{border-top:0}.row-end{display:flex;gap:12px;align-items:center;flex-shrink:0}footer{text-align:center;margin-top:24px}