:root{--bg:#0b0d10;--panel:#14181d;--panel-2:#1a1f26;--line:#262d36;--text:#e6eaef;--muted:#8b96a5;--up:#3fb950;--down:#f85149;--warn:#d29922;--busy:#58a6ff;--accent:#7c8cf8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 ui-sans-serif,-apple-system,Segoe UI,Inter,system-ui,sans-serif}.wrap{max-width:1080px;margin:0 auto;padding:40px 24px 72px}header.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:28px;display:flex}header.top h1{letter-spacing:-.01em;margin:0;font-size:20px}header.top .meta{color:var(--muted);font-size:13px}.banner{border:1px solid #0000;border-radius:10px;margin-bottom:24px;padding:14px 16px;font-weight:500}.banner.ok{color:#7ee292;background:#3fb9501a;border-color:#3fb95059}.banner.bad{color:#ff9d97;background:#f851491a;border-color:#f8514966}.banner.err{color:#e3b341;background:#d299221a;border-color:#d2992266}h2{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:32px 0 12px;font-size:12px;font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.row{border-bottom:1px solid var(--line);grid-template-columns:12px 1fr auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.row:last-child{border-bottom:0}.row:hover{background:var(--panel-2)}.dot{border-radius:50%;width:9px;height:9px}.dot.up{background:var(--up);box-shadow:0 0 0 3px #3fb95026}.dot.down{background:var(--down);box-shadow:0 0 0 3px #f8514926}.dot.warn{background:var(--warn);box-shadow:0 0 0 3px #d2992226}.dot.busy{background:var(--busy);box-shadow:0 0 0 3px #58a6ff26}.name{font-weight:550}.name a{color:inherit;text-decoration:none}.name a:hover{color:var(--accent);text-decoration:underline}.sub{color:var(--muted);margin-top:3px;font-size:12.5px}.sub code{border:1px solid var(--line);background:#0e1116;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.right{text-align:right;color:var(--muted);white-space:nowrap;font-size:12.5px}.state{letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.state.up{color:var(--up)}.state.down{color:var(--down)}.state.warn{color:var(--warn)}.state.busy{color:var(--busy)}.foot{color:var(--muted);margin-top:34px;font-size:12.5px}.foot a{color:var(--accent)}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login form{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:380px;padding:30px}.login h1{margin:0 0 6px;font-size:17px}.login p{color:var(--muted);margin:0 0 20px;font-size:13px}.login input{border:1px solid var(--line);width:100%;color:var(--text);background:#0e1116;border-radius:8px;padding:11px 13px;font-size:14px}.login input:focus{outline:2px solid var(--accent);outline-offset:1px}.login button{background:var(--accent);color:#0b0d10;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:14px;padding:11px;font-size:14px;font-weight:650}.login button:hover{filter:brightness(1.08)}.login .bad{color:#ff9d97;margin:14px 0 0;font-size:13px}@media (max-width:620px){.row{grid-template-columns:12px 1fr}.right{text-align:left;grid-column:2;margin-top:4px}}