:root{color-scheme:dark;--bg:#07101d;--panel:#101c2c;--panel2:#152235;--line:#26364c;--text:#f4f7fb;--muted:#98a8bc;--blue:#3182f6;--green:#46c83f;--red:#f04f43;--amber:#ffa91a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(49,130,246,.10),transparent 35%),var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);padding:38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,var(--panel2),var(--panel));box-shadow:0 28px 70px rgba(0,0,0,.38)}.brand-icon{color:var(--blue);font-size:50px;line-height:1}.login-card h1{margin:18px 0 4px}.login-card p,.login-card label{color:var(--muted)}.login-card label{display:block;margin-top:26px;margin-bottom:7px}.login-card input{width:100%;padding:13px;border:1px solid var(--line);border-radius:9px;background:#091321;color:var(--text)}.login-card button{width:100%;margin-top:18px;padding:13px}.alert{margin-top:18px;padding:10px 12px;border-radius:8px}.alert.error{background:rgba(240,79,67,.12);color:#ffaaa3}.primary,.secondary{border-radius:8px;color:white;background:var(--blue)}.topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,12,23,.72);backdrop-filter:blur(12px)}.topbar h1,.topbar p{margin:0}.topbar p{color:var(--muted)}.logout{color:var(--muted);text-decoration:none;border:1px solid var(--line);padding:9px 14px;border-radius:8px}.dashboard{width:min(1180px,calc(100% - 32px));margin:26px auto 60px;display:grid;gap:16px}.card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(21,34,53,.96),rgba(14,25,40,.96));box-shadow:0 10px 26px rgba(0,0,0,.18)}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metric{min-height:128px;padding:20px;display:flex;flex-direction:column;justify-content:center}.metric-label,.metric small{color:var(--muted)}.metric strong{margin:5px 0;font-size:20px}.state.online{color:var(--green)}.state.offline{color:var(--red)}.state.unknown{color:var(--muted)}.battery-row{display:flex;align-items:center;gap:12px}.battery{width:42px;height:20px;padding:2px;border:2px solid var(--green);border-radius:4px;position:relative}.battery:after{content:"";position:absolute;right:-6px;top:4px;width:4px;height:8px;border-radius:0 2px 2px 0;background:var(--green)}.battery>div{height:100%;width:0;background:var(--green);transition:width .25s}.refresh-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px}.refresh-bar>span{display:flex;align-items:center;gap:10px;color:var(--muted)}#activityDot{width:10px;height:10px;border-radius:50%;background:var(--muted)}#activityDot.online{background:var(--green)}#activityDot.offline{background:var(--red)}.secondary{padding:9px 16px;background:#243650}.outputs-panel,.info-panel{padding:22px}.section-heading h2,.section-heading p,.info-panel h2{margin:0}.section-heading p{color:var(--muted)}.outputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.output-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:rgba(7,16,29,.38)}.output-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.output-title span{display:block;color:#68a5ff;font-weight:700}.output-title small{color:var(--muted)}.mode-badge{padding:7px 10px;border-radius:999px;background:#28384d;color:var(--muted);font-size:12px}.mode-badge.on{background:rgba(70,200,63,.16);color:#72e96d}.mode-badge.off{background:rgba(240,79,67,.16);color:#ff8f86}.mode-badge.blink{background:rgba(255,169,26,.16);color:#ffc259}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.command{min-height:43px;padding:10px 14px;border-radius:8px;color:white;font-weight:650}.command.on{background:var(--green)}.command.off{background:var(--red)}.command.blink{background:var(--amber);color:#201400}.blink-control{margin-top:20px}.blink-control label{display:block;color:var(--muted);margin-bottom:7px}.blink-control>div{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(120px,1fr);align-items:center;gap:9px}.blink-control input{min-width:0;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#091321;color:var(--text)}.blink-control span,.output-details{color:var(--muted)}.output-details{margin:18px 0 0}.info-panel dl{margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.info-panel dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.info-panel dt{color:var(--muted)}.info-panel dd{margin:0;text-align:right;overflow-wrap:anywhere}@media(max-width:980px){.status-grid{grid-template-columns:repeat(2,1fr)}.outputs-grid{grid-template-columns:1fr}}@media(max-width:620px){.status-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.dashboard{width:min(100% - 20px,1180px)}.outputs-panel,.info-panel{padding:15px}.info-panel dl{grid-template-columns:1fr}.blink-control>div{grid-template-columns:1fr auto}.blink-control .blink{grid-column:1/-1}}