:root{--bg:#0a0c0c;--bg-grid:rgba(43,155,224,0.04);--surface:#11151a;--surface-2:#161b21;--line:rgba(150,180,210,0.14);--line-strong:rgba(160,195,225,0.28);--text:#e9eef2;--muted:#7c8896;--faint:#4a525746;--signal:#2b9be0;--signal-dim:#1e6fa8;--online:#25d366;--online-dim:#1d7a45;--amber:#ffb02e;--red:#ff5247;--radius:4px;--font-display:"General Sans",-apple-system,"Segoe UI",sans-serif;--font-body:"General Sans",-apple-system,"Segoe UI",sans-serif;--font-serif:"Gambetta",Georgia,serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(43,155,224,.07),transparent 55%);background-size:40px 40px,40px 40px,100% 100%}a{color:inherit;text-decoration:none}::selection{background:var(--signal);color:#04120a}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1}.serif{font-family:var(--font-serif);font-style:italic;font-weight:500;letter-spacing:-.01em}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.label,.mono-sm{color:var(--muted)}.mono-sm{font-size:12.5px}.shell{max-width:1080px;margin:0 auto;padding:0 24px}.topbar{border-bottom:1px solid var(--line);background:rgba(10,12,12,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-inner{justify-content:space-between;height:60px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;font-size:22px;white-space:nowrap}.brand .seal{width:30px;height:30px;flex:none;display:inline-flex}.brand .seal svg{width:100%;height:100%}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--muted)}.dot.live{background:var(--online);box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:pulse 2s infinite}.dot.warn{background:var(--amber)}.dot.down{background:var(--red)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 7px rgba(37,211,102,0)}to{box-shadow:0 0 0 0 rgba(37,211,102,0)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--line-strong);background:transparent;color:var(--text);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.btn:hover{border-color:var(--signal);color:var(--signal)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--signal);border-color:var(--signal);color:#04120a;font-weight:600}.btn-primary:hover{background:#54b3ea;border-color:#54b3ea;color:#04120a}.btn-danger:hover{border-color:var(--red);color:var(--red)}.field{display:block;margin-bottom:18px}.field .label{display:block;margin-bottom:7px}.input{width:100%;font-family:var(--font-mono);font-size:14px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--signal)}.input::placeholder{color:var(--faint)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border:1px solid var(--line);border-radius:100px;color:var(--muted)}.badge.ok{color:var(--online);border-color:var(--online-dim)}.badge.warn{color:var(--amber);border-color:rgba(255,176,46,.35)}.badge.down{color:var(--red);border-color:rgba(255,82,71,.35)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column}.grow{flex:1 1}.center-screen{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:40px 24px}.error-text{color:var(--red);font-size:12.5px;margin-top:4px}.hint{color:var(--muted);font-size:12.5px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:10px}::-webkit-scrollbar-track{background:var(--bg)}