:root{color-scheme:dark;--bg:#07111f;--p:#0d1b2b;--p2:#12253a;--text:#ecf7ff;--muted:#8ba5b8;--cyan:#14d9f4;--green:#70f23d;--amber:#ffc529;--red:#ff5864;--line:#21384b;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#102940,var(--bg) 35%);color:var(--text);min-height:100vh}header{min-height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,4vw,56px);position:sticky;top:0;background:#07111fee;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:800}.brand img{width:44px;height:44px;border-radius:12px}.brand small{display:block;color:var(--muted);font-size:11px}nav{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:10px;min-height:44px;padding:10px 16px;background:var(--cyan);color:#00131b;font:inherit;font-weight:800;cursor:pointer}.secondary,nav button{background:var(--p2);color:var(--text);border:1px solid var(--line)}main{max-width:1440px;margin:auto;padding:clamp(18px,4vw,52px)}h1{font-size:clamp(28px,4vw,48px);margin:.1em 0}h2{margin-top:0}.eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:12px;font-weight:900}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.auth{max-width:460px;margin:6vh auto;background:var(--p);border:1px solid var(--line);padding:32px;border-radius:20px}form{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-size:14px}input,select{min-height:46px;background:#07121f;border:1px solid #29445c;border-radius:9px;color:var(--text);padding:10px 12px;font:inherit}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.card,.panel,.hero,.tx{background:linear-gradient(145deg,var(--p),#0a1725);border:1px solid var(--line);border-radius:16px;padding:20px}.card.online{border-top:4px solid var(--green)}.card.offline{border-top:4px solid var(--red)}.status{font-size:12px;font-weight:900;letter-spacing:.12em}.ok{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--amber)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.facts div{background:#081522;border-radius:10px;padding:10px}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:5px 0 0;font-weight:750;overflow-wrap:anywhere}.card button{width:100%}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:18px 0}.hero span{color:var(--muted);font-size:12px}.hero strong{display:block;font-size:19px;margin-top:5px}.panels,.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.wide{grid-column:1/-1}.txgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.tx.onair{border:2px solid var(--green)}.tx.off{opacity:.6}.topology{display:grid;gap:10px;text-align:center}.route{background:#081522;border:1px solid var(--line);padding:12px;border-radius:9px}.route.active{border-color:var(--green);color:var(--green)}.txrow{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.event{border-left:3px solid var(--cyan);padding:9px;margin:7px 0;background:#081522}.event.warning{border-color:var(--amber)}.event.error{border-color:var(--red)}.commands{display:flex;gap:8px;flex-wrap:wrap}.secret{margin:15px 0;padding:14px;border:2px solid var(--amber);word-break:break-all}.admin-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.checks{display:flex;flex-wrap:wrap;gap:8px}.checks label{display:flex}.checks input{min-height:auto}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line)}.offline{position:fixed;z-index:20;left:50%;top:10px;transform:translateX(-50%);background:var(--red);padding:12px;border-radius:9px;font-weight:800}#toast{position:fixed;right:20px;bottom:20px;background:var(--p2);padding:14px;border-radius:9px;opacity:0}#toast.show{opacity:1}@media(max-width:680px){header{align-items:flex-start}.brand small{display:none}nav button{min-height:38px;padding:7px;font-size:12px}main{padding:18px 12px}.txrow{grid-template-columns:repeat(2,1fr)}.panels,.admin-grid,.grid{grid-template-columns:1fr}}