*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,system-ui,sans-serif}body{background:linear-gradient(135deg,#0b101e,#141b31);min-height:100vh;color:#e8ecf4}.wrap{max-width:920px;margin:0 auto;padding:22px 18px 60px}header{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:8px}h1{font-size:1.35em;font-weight:800;letter-spacing:3px;color:#9db4ff}.dot{width:9px;height:9px;border-radius:50%;background:#f66;transition:.3s}.dot.ok{background:#4f6;box-shadow:0 0 8px #4f6}.upd{font-size:.72em;color:#5c6b91;text-align:center;margin-bottom:14px}.acwrap{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 18px 30px #0008)}.acunit{width:min(430px,94vw);height:auto}.unit-status{text-align:center;font-weight:800;letter-spacing:3px;font-size:.82em;margin-top:-6px;transition:color .5s;text-shadow:0 0 14px currentColor}.stream{stroke-dasharray:14 30;animation:flow linear infinite}@keyframes flow{to{stroke-dashoffset:-88}}.fan{transform-origin:0 0;animation:spin linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:18px;gap:18px;margin-top:8px}.card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.09);border-radius:20px;padding:18px;transition:.3s}.card.off{opacity:.7}.card h2{font-size:.82em;letter-spacing:1.6px;color:#aebbe0;gap:8px;margin-bottom:14px}.card h2,.pbtn{display:flex;align-items:center}.pbtn{width:100%;padding:13px;border:none;border-radius:14px;font-size:1em;font-weight:800;cursor:pointer;letter-spacing:1.5px;background:#2b3552;color:#8fa0cc;transition:.2s;justify-content:center;gap:9px}.pbtn.on{background:linear-gradient(135deg,#4f7cff,#35c4ff);color:#fff;box-shadow:0 0 22px #4f7cff66}.knobs{display:flex;justify-content:space-around;align-items:center;margin:10px 0 4px}.knob{text-align:center}.knob.off svg{opacity:.45}.klabel{font-size:.66em;letter-spacing:1.6px;color:#68759c;margin-top:-10px}.klabel,.sec{font-weight:700}.sec{font-size:.68em;letter-spacing:1.5px;color:#7886ad;margin:14px 0 8px}.row{flex-wrap:wrap;gap:8px}.pill,.row{display:flex}.pill{padding:9px 13px;border-radius:18px;border:1px solid #38436b;background:transparent;color:#9db0dd;cursor:pointer;font-size:.83em;font-weight:600;transition:.15s;align-items:center;gap:7px}.pill:hover{border-color:#4f7cff;color:#cdd8f5}.pill.sel{background:#4f7cff;border-color:#4f7cff;color:#fff;box-shadow:0 0 12px #4f7cff44}.pill svg{flex:none}.stat{font-size:.85em;color:#7886ad;margin-top:12px}.stat b{color:#cdd8f5}.via{font-size:.62em;letter-spacing:1px;color:#7ec8ff;border:1px solid #2b3a5e;border-radius:8px;padding:2px 6px}.err{color:#ff9090;font-size:.72em;letter-spacing:.5px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#4f7cff;color:#fff;padding:11px 24px;border-radius:12px;font-size:.85em;opacity:0;transition:.3s;pointer-events:none;box-shadow:0 8px 30px #0008}.toast.show{opacity:1}.whunit{width:min(260px,60vw);height:auto}.wave{animation:wavemove 3s linear infinite}@keyframes wavemove{to{transform:translateX(60px)}}.bubble{animation:rise linear infinite;opacity:0}@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-140px);opacity:0}}@keyframes pulsate{0%,to{opacity:1}50%{opacity:.55}}.units{align-items:flex-end;gap:26px;flex-wrap:wrap}.tabs,.units{display:flex;justify-content:center}.tabs{gap:8px;margin-bottom:14px}.tab{padding:10px 26px;border-radius:14px;border:1px solid #38436b;background:transparent;color:#9db0dd;cursor:pointer;font-size:.9em;font-weight:700;letter-spacing:1.5px;transition:.18s;display:flex;align-items:center;gap:8px}.tab:hover{border-color:#4f7cff;color:#cdd8f5}.tab.sel{background:linear-gradient(135deg,#4f7cff,#35c4ff);border-color:transparent;color:#fff;box-shadow:0 0 18px #4f7cff55}.grid.single{grid-template-columns:minmax(330px,560px);justify-content:center}.pbtn.auto{margin-top:10px;padding:11px;font-size:.88em;background:#16281f;color:#8fd7ab;border:1px solid #2c4a3a}.pbtn.auto.on{background:linear-gradient(135deg,#37b56f,#7ee0a8);color:#06220f;box-shadow:0 0 22px #37b56f55;border-color:transparent}.hist-empty{color:#8fa0cc;text-align:center;padding:22px 0;font-size:.9em}.hist-axis{justify-content:space-between;font-size:.68rem;padding:2px 4px 0}.hist-axis,.hist-legend{display:flex;color:#8fa0cc}.hist-legend{gap:14px;justify-content:center;padding-top:4px;font-size:.72rem}.hist-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.est{color:#5a6a94;font-size:.85em}.login-overlay{position:fixed;inset:0;background:#0b101ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50}.login-box{background:#141b31;border:1px solid #2b3a5e;border-radius:20px;padding:32px;width:min(320px,90vw);text-align:center}.login-box h1{letter-spacing:3px;font-size:1.2em;margin-bottom:8px}.login-box p{color:#7886ad;font-size:.85em;margin-bottom:18px}.login-box input{width:100%;padding:13px;border-radius:12px;border:1px solid #38436b;background:#0e1526;color:#e8ecf4;font-size:1em;margin-bottom:12px;text-align:center}