:root{color-scheme:dark;--bg:#101412;--panel:#19201c;--line:#2b3730;--ink:#eef7f0;--muted:#9fb0a5;--green:#66d58a;--amber:#efb85c;font:16px/1.45 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#1d3125 0,transparent 35%),var(--bg);color:var(--ink);min-height:100vh}header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:2rem;padding:1rem 4vw;background:#101412e8;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}header>div{display:flex;align-items:center;gap:.65rem;white-space:nowrap}.mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--green);color:#102016;font-weight:900}nav{display:flex;gap:.35rem;overflow:auto;flex:1}button{border:1px solid var(--line);border-radius:.5rem;background:#243129;color:var(--ink);padding:.65rem .9rem;cursor:pointer;font:inherit}button:hover,button.active{border-color:var(--green);color:var(--green)}button.quiet{background:transparent}main{width:min(1200px,92vw);margin:3rem auto}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:2rem}.eyebrow{color:var(--green);font-size:.72rem;letter-spacing:.18em;margin:0}.intro h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1;margin:.3rem 0}.pill{border:1px solid var(--line);border-radius:2rem;padding:.4rem .8rem;color:var(--muted)}.pill.online{border-color:var(--green);color:var(--green)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card,.panel{background:linear-gradient(145deg,#1d2621,#171d19);border:1px solid var(--line);border-radius:1rem;padding:1.25rem;box-shadow:0 16px 40px #0004}.card h2{margin:.15rem 0 .8rem;font-size:1.1rem}.id{color:var(--muted);font: .75rem ui-monospace,monospace;overflow-wrap:anywhere}.metric{font-size:1.9rem;font-weight:700;color:var(--green)}dl{display:grid;grid-template-columns:1fr auto;gap:.45rem;margin:.8rem 0}dt{color:var(--muted)}dd{margin:0;max-width:12rem;overflow:hidden;text-overflow:ellipsis}.panel{margin-bottom:1rem}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;align-items:end}label{display:grid;gap:.35rem;color:var(--muted)}input,select{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:.45rem;background:#0f1511;color:var(--ink);font:inherit}.hidden{display:none!important}#message{color:var(--amber)}.login{display:grid;place-items:center}.login main{max-width:420px;background:var(--panel);padding:2rem;border:1px solid var(--line);border-radius:1rem}.login form{display:grid;gap:1rem}.error{color:#ff8b8b}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}@media(max-width:760px){header{align-items:flex-start;gap:.75rem;flex-wrap:wrap}nav{order:3;width:100%}main{margin-top:2rem}}