:root{--bg:#0b1220;--card:#111b2f;--muted:#9fb0d0;--text:#e7efff;--line:rgba(255,255,255,.08);--accent:#4ea1ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1200px 700px at 20% 10%,rgba(78,161,255,.18),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(180,90,255,.14),transparent 60%),var(--bg);color:var(--text)}.page{min-height:100%}.container{max-width:960px;margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:#050a1459;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px #4ea1ffb3}.brandTitle{font-weight:800;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--muted)}.nav{display:flex;gap:10px}.navLink{color:var(--text);text-decoration:none;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#ffffff08}.navLink:hover{border-color:#4ea1ff8c}.card{background:#111b2fc7;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 30px #00000040}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:720px){.grid2{grid-template-columns:1fr}}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 6px}input,textarea{width:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#ffffff08;color:var(--text);outline:none}input:focus,textarea:focus{border-color:#4ea1ff99}.btn{margin-top:12px;padding:10px 14px;border-radius:14px;border:1px solid rgba(78,161,255,.35);background:#4ea1ff2e;color:var(--text);font-weight:700;cursor:pointer}.btn:hover{border-color:#4ea1ffb3}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:#ffffff08;border-color:var(--line)}.muted{color:var(--muted)}.tiny{margin-top:10px;font-size:12px;color:var(--muted)}.ok{color:#9fffb2}.bad{color:#ff9fb0}.seg{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.segBtn{border:1px solid var(--line);background:#ffffff08;color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer}.segBtn.active{border-color:#4ea1ffb3;background:#4ea1ff29}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#ffffff08;color:var(--text);padding:8px 10px;border-radius:999px;cursor:pointer;font-size:13px}.chip.active{border-color:#4ea1ffb3;background:#4ea1ff29}.notice{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:#111b2fc7;border:1px solid var(--line);border-radius:18px;padding:14px}.statLabel{font-size:12px;color:var(--muted)}.statValue{font-size:24px;font-weight:900;margin-top:6px}.tableWrap{overflow:auto;border-radius:14px;border:1px solid var(--line);margin-top:10px}.table{width:100%;border-collapse:collapse;min-width:680px;background:#ffffff05}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{font-size:12px;color:var(--muted);background:#ffffff08}.linkBtn{display:inline-block;padding:8px 10px;border-radius:12px;border:1px solid rgba(78,161,255,.35);background:#4ea1ff24;color:var(--text);text-decoration:none}.linkBtn:hover{border-color:#4ea1ffb3}.footer{margin:16px 0;color:var(--muted);font-size:12px;text-align:center}.hint{margin-top:10px;color:var(--muted);font-size:12px}code{background:#ffffff0f;padding:2px 6px;border-radius:8px}.pillWrap{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--text);font-size:12px}.pill.online{border-color:#9fffb259;background:#9fffb21a}.pill.offline{border-color:#ff9fb059;background:#ff9fb01a}.pill.neutral{border-color:#ffffff1f}.notice.ok{border-color:#9fffb259;background:#9fffb21a}.notice.warn{border-color:#ffe29259;background:#ffe2921a}.notice.bad{border-color:#ff9fb059;background:#ff9fb01a}.statusGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}@media (max-width:860px){.statusGrid{grid-template-columns:1fr}}.statusCard{text-align:left;border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:18px;padding:14px;cursor:pointer;display:flex;gap:12px;align-items:flex-start}.statusCard:hover{border-color:#4ea1ff73}.statusCard.active{border-color:#4ea1ffcc;background:#4ea1ff1a}.statusCard.green.active{border-color:#9fffb2b3;background:#9fffb21a}.statusCard.red.active{border-color:#ff9fb0b3;background:#ff9fb01a}.statusCard.yellow.active{border-color:#ffe292b3;background:#ffe2921a}.statusIcon{font-size:20px;line-height:1}.statusTitle{font-weight:900}.statusDesc{font-size:12px;color:var(--muted);margin-top:4px}.btn.primary{border-color:#4ea1ffa6;background:#4ea1ff38}