:root{--bg:#0b1220;--panel:#141f32;--panel2:#19273d;--line:#2a3a51;--ink:#eff5fe;--muted:#93a6be;--lime:#c3f47b;--blue:#84b6ff;--red:#f5a7a1}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#182743 0%,#0b1220 48%);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);min-height:100vh}.shell{max-width:1320px;margin:auto;padding:24px 38px 30px}.masthead,.identity,.right,.section-lead,.sessionbuttons,.door-top,.durationline,.rangeends,.panelhead,.nodehead,.configtitle,.activitytitle,footer{display:flex;align-items:center;justify-content:space-between}.masthead{padding:15px 0 26px;border-bottom:1px solid var(--line)}.identity{gap:16px;justify-content:flex-start}.mark{background:var(--lime);color:#102014;font-weight:900;font-size:19px;letter-spacing:-1px;width:50px;height:50px;border-radius:15px;display:grid;place-items:center}.overline,.eyebrow{color:var(--lime);letter-spacing:.15em;font-size:10px;font-weight:800}.masthead h1{font-size:21px;margin:1px 0 0;letter-spacing:-.02em}.subtitle,.version{color:var(--muted);font-size:12px}.slash{padding:0 4px;color:#53677d}.right{gap:16px}.status-pill{font-size:12px;border-radius:20px;background:#2a3343;border:1px solid #364254;padding:7px 12px}.status-pill.active{background:#324632;color:var(--lime);border-color:#536a38}.notice{margin:26px 0;display:flex;align-items:start;gap:12px;padding:13px 16px;border:1px solid #3d4933;background:#1b281b;border-radius:12px;color:#cdd7bc;font-size:13px}.notice-dot{margin-top:5px;height:8px;width:8px;border-radius:50%;background:var(--lime);flex:none}.section-lead{align-items:end;gap:20px;margin:26px 0 22px}.section-lead h2{margin:5px 0 3px;font-size:26px;line-height:1.15;letter-spacing:-.03em}.section-lead p{margin:0;color:var(--muted);font-size:13px}.session{text-align:right}.sessionlabel{color:var(--muted);font-size:12px;margin-bottom:7px}.sessionbuttons{gap:8px;justify-content:flex-end}.session small{color:var(--muted);display:block;margin-top:6px}button{font:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button:disabled{cursor:not-allowed;opacity:.43}button:not(:disabled):active{transform:scale(.98)}button.secondary{background:var(--lime);border:1px solid var(--lime);border-radius:10px;color:#102016;padding:9px 13px;font-weight:750;font-size:12px}button.outline{background:transparent;border:1px solid var(--line);border-radius:10px;color:#d7e8f9;padding:9px 13px;font-weight:700;font-size:12px}.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.door-card{background:linear-gradient(160deg,#1c2b43,#121e30);border:1px solid #34465d;border-radius:17px;padding:23px;min-width:0}.door-icon{font-size:28px;display:inline-grid;place-items:center;width:56px;height:56px;background:#2b3c55;border-radius:15px;margin-bottom:19px}.number{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.unitstate{font-size:11px;font-weight:700;border-radius:20px;padding:4px 9px;white-space:nowrap}.unitstate.offline{background:#3b2930;color:#edb6b1}.unitstate.online{background:#283d2c;color:#bbee9e}.door-card h3{font-size:24px;margin:16px 0 0;letter-spacing:-.035em}.door-card p{font-size:12px;color:var(--muted);margin:2px 0 23px}.open-button{display:flex;width:100%;justify-content:space-between;align-items:center;background:var(--lime);border:1px solid var(--lime);color:#0e2113;font-weight:800;padding:13px 15px;border-radius:10px}.open-button span:last-child{font-size:19px}.durationline{margin:24px 0 9px;font-size:12px}.durationline label{color:#b1c2d7}.durationline strong{font-variant-numeric:tabular-nums}.rangeends{color:var(--muted);font-size:10px}input[type=range]{width:100%;accent-color:var(--lime);cursor:pointer}input[type=range]:disabled{cursor:not-allowed}.bottom-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:15px;margin-top:17px}.panel{border:1px solid var(--line);background:#121e30;border-radius:17px;padding:22px;min-width:0}.panelhead{margin-bottom:16px;gap:10px}.panelhead h2{font-size:18px;margin:4px 0 0;letter-spacing:-.02em}.liveflag{font-size:10px;color:var(--muted)}.liveflag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:5px}.nodes{display:grid;gap:12px}.node{background:#1b2a40;border:1px solid #2d3d56;border-radius:13px;padding:15px}.nodehead{gap:10px;justify-content:flex-start}.nodehead>div:nth-child(2){flex:1}.nodehead strong{display:block;font-size:14px}.nodehead small{display:block;color:var(--muted);font-size:10px}.nodemark{font-weight:900;color:var(--lime);background:#34475a;min-width:39px;height:39px;border-radius:10px;display:grid;place-items:center}.nodegrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.nodegrid span{display:block;color:var(--muted);font-size:10px}.nodegrid b{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.signaltrack{width:85%;height:4px;background:#3a4c63;border-radius:10px;margin-top:6px;overflow:hidden}.signaltrack i{height:100%;display:block;width:0;background:var(--lime);border-radius:10px}.configbox{background:#1b2a40;border:1px solid #2d3d56;border-radius:12px;padding:15px}.configtitle{font-size:13px;font-weight:750;gap:8px}.configtitle span{font-size:10px;color:var(--muted);font-weight:500}.codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.codes label{color:#b8c8db;font-size:11px}.codes input{margin-top:5px;display:block;width:100%;background:#101b2b;color:var(--ink);border:1px solid #455873;border-radius:8px;padding:9px 8px;font:inherit;font-size:13px}.small{padding:7px 11px!important}.activitytitle{margin-top:22px;font-weight:750;font-size:14px}.activitytitle span{font-size:10px;color:var(--muted);font-weight:500}.activity{margin-top:8px;max-height:280px;overflow:auto}.activityrow{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #26354b;padding:9px 0;font-size:12px}.activityrow small{color:var(--muted);text-align:right}.empty{color:var(--muted);padding:20px 0;font-size:12px}footer{color:#8297b0;font-size:10px;border-top:1px solid var(--line);margin-top:26px;padding-top:18px;letter-spacing:.07em}footer span{letter-spacing:0}#toast{position:fixed;bottom:22px;right:20px;max-width:min(420px,calc(100vw - 30px));padding:13px 17px;border-radius:12px;background:#c3f47b;color:#112018;box-shadow:0 10px 40px #0008;display:none;font-size:13px;font-weight:700}#toast.error{background:#f1bbb4;color:#3e1312}@media(max-width:1040px){.bottom-grid{grid-template-columns:1fr}.section-lead{align-items:flex-start}.doors{gap:10px}.door-card{padding:18px}}@media(max-width:720px){.shell{padding:16px}.masthead{align-items:flex-start}.right{flex-direction:column;align-items:flex-end;gap:7px}.masthead h1{font-size:17px}.overline{font-size:8px}.section-lead{display:block}.session{text-align:left;margin-top:20px}.sessionbuttons{justify-content:flex-start;flex-wrap:wrap}.doors{grid-template-columns:1fr}.door-card{padding:20px}.door-icon{margin-bottom:7px}.nodegrid{gap:10px}footer{gap:8px;align-items:flex-start;flex-direction:column}}
