:root{color-scheme:dark;--bg:#070d19;--pane:#111f33;--line:#334d6b;--ink:#ecf7ff;--mute:#a3b9cd;--mint:#94f5e0;--blue:#a5baff;--warn:#ffce9b}*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 85% 4%,#20355b,transparent 53%),radial-gradient(ellipse at 8% 70%,#0c2c36,transparent 46%),var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(#477e951e 1px,transparent 1px),linear-gradient(90deg,#477e951e 1px,transparent 1px);background-size:45px 45px}
a{color:var(--mint);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{position:relative;max-width:1450px;margin:auto;padding:20px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:11px 0 22px}.brand{font-weight:900;font-size:20px;letter-spacing:.13em;color:#fff}.links{display:flex;gap:15px;flex-wrap:wrap;font-size:13px}
h1{font-size:clamp(36px,5.1vw,72px);letter-spacing:-.065em;line-height:1.1;margin:14px 0}h2{font-size:clamp(22px,3vw,29px);letter-spacing:-.04em;margin:7px 0 10px}h3{font-size:18px;margin:0 0 9px}p{color:var(--mute);line-height:1.65}.ey{color:var(--mint);font:700 12px/1.5 ui-monospace,monospace;letter-spacing:.17em}.hero{padding:30px 0 22px}.hero p{max-width:840px}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;margin:13px 0 50px}.rail{display:flex;flex-direction:column;gap:7px;align-self:start;position:sticky;top:15px}
.rail button,.button{border:1px solid var(--line);background:#152741;color:var(--ink);border-radius:11px;padding:12px 14px;text-align:left;transition:background .18s,border-color .18s}
.rail button[aria-selected=true],.button.primary{background:#186877;border-color:var(--mint);color:#fff}.button:hover,.rail button:hover{border-color:var(--mint)}.button{display:inline-block}.button.small{font-size:13px;padding:9px 12px}
.pane,.metric,.entry{border:1px solid var(--line);background:linear-gradient(135deg,rgba(22,40,65,.95),rgba(11,22,37,.98));border-radius:16px;padding:20px}.pane{margin-bottom:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.metric strong{display:block;font-size:clamp(21px,3vw,32px);line-height:1.3;overflow-wrap:anywhere}.metric small,.sub,.entry small{color:var(--mute);font-size:12px}.entry-list{display:grid;gap:10px;margin-top:15px}
.entry{display:flex;justify-content:space-between;gap:14px;align-items:center}.entry strong{display:block;overflow-wrap:anywhere}.tag{border:1px solid #54748a;border-radius:18px;padding:4px 10px;font:700 11px ui-monospace,monospace;white-space:nowrap;color:#bed2e2}.tag.ok{border-color:#2e9e8d;color:#8effdc}.tag.bad{border-color:#ca7464;color:#ffd0b6}.tag.wait{border-color:#9d925f;color:#ffdfaa}
.tip{border:1px solid #6d5b40;color:#ffdb9c;border-radius:12px;padding:13px;font-size:13px;margin-top:14px}.row{display:flex;flex-wrap:wrap;gap:11px;margin:13px 0}.hidden{display:none!important}
label{display:block;font-size:13px;color:#c2d5e6;margin-bottom:12px}input,select,textarea{display:block;background:#081827;color:#fff;border:1px solid #4d6981;border-radius:10px;padding:11px 12px;width:100%;margin-top:6px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini{font-size:13px}.scrolltable{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #304660;vertical-align:top}th{color:#98bcd2}
.toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #273d53}.toggle input{width:auto;min-width:20px;margin:0}.empty{color:#b0c0d2;padding:18px 0}.alert{color:#ffc2ad}#loginMsg{min-height:22px}code{overflow-wrap:anywhere}
@media(max-width:800px){.layout{grid-template-columns:1fr}.rail{position:static;flex-direction:row;overflow-x:auto;padding-bottom:8px}.rail button{white-space:nowrap}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.entry{flex-direction:column;align-items:flex-start}.shell{padding:16px}header .links{gap:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}