@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e14;--bg-panel:#111820;--bg-panel-hover:#151d28;--bg-input:#0d1219;--border:#1e2a38;--border-active:#2a3a4e;--text-primary:#dce6f0;--text-secondary:#8fa4b8;--text-dim:#6a869e;--accent-green:#22c55e;--accent-green-dim:#22c55e26;--accent-red:#ef4444;--accent-red-dim:#ef44441f;--accent-blue:#3b82f6;--accent-blue-dim:#3b82f61f;--accent-amber:#f59e0b;--accent-amber-dim:#f59e0b1f;--accent-cyan:#06b6d4;--cooling-color:#38bdf8;--heating-color:#fb923c;--accent-purple:#a78bfa;--accent-purple-dim:#a78bfa1f;--font-mono:"JetBrains Mono", monospace;--font-ui:"Outfit", sans-serif;--radius:6px;--panel-gap:12px}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.4}.header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #0f1520 0%, var(--bg-primary) 100%);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;font-size:17px;font-weight:600}.header-title span{color:var(--accent-cyan)}.header-right{align-items:center;gap:12px;display:flex}.header-status{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.master-switch-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:20px;padding:14px 24px;display:flex}.master-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:600}.master-toggle{cursor:pointer;width:72px;height:34px;position:relative}.master-toggle input{display:none}.master-track{border:2px solid var(--accent-red);box-shadow:0 0 12px var(--accent-red-dim);background:#1a1a2e;border-radius:17px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.master-toggle input:checked+.master-track{border-color:var(--accent-green);box-shadow:0 0 20px var(--accent-green-dim), 0 0 40px #22c55e14}.master-thumb{background:var(--accent-red);border-radius:50%;width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;left:5px;box-shadow:0 2px 8px #0006}.master-toggle input:checked~.master-thumb{background:var(--accent-green);left:43px}.master-state{font-family:var(--font-mono);letter-spacing:.05em;min-width:32px;font-size:14px;font-weight:700}.master-state.on{color:var(--accent-green)}.master-state.off{color:var(--accent-red)}.dashboard{gap:var(--panel-gap);padding:var(--panel-gap);grid-template-columns:repeat(3,1fr);max-width:1600px;margin:0 auto;display:grid}@media (width<=1200px){.dashboard{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard{grid-template-columns:1fr}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:#ffffff03;align-items:center;gap:8px;padding:10px 14px;display:flex}.panel-icon{border-radius:2px;width:8px;height:8px}.panel-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:600}.panel-body{padding:14px}.ctrl-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.ctrl-label{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px}.ctrl-value{font-family:var(--font-mono);color:var(--text-primary);text-align:right;min-width:50px;font-size:16px;font-weight:600}input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:120px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);border:2px solid var(--bg-primary);border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #06b6d466}input[type=number],input[type=text]{width:64px;font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);text-align:right;border-radius:4px;outline:none;padding:4px 8px;font-size:14px}input[type=number]:focus,input[type=text]:focus{border-color:var(--accent-cyan)}input[type=text]{text-align:left;width:120px}.mini-toggle{cursor:pointer;width:40px;height:20px;display:inline-block;position:relative}.mini-toggle input{display:none}.mini-track-sm{border:1px solid var(--border);background:#1a2030;border-radius:10px;transition:all .2s;position:absolute;inset:0}.mini-toggle input:checked+.mini-track-sm{background:var(--accent-green-dim);border-color:var(--accent-green)}.mini-thumb-sm{background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.mini-toggle input:checked~.mini-thumb-sm{background:var(--accent-green);left:23px}.readout{font-family:var(--font-mono);letter-spacing:-.02em;font-size:26px;font-weight:700}.readout-unit{color:var(--text-secondary);margin-left:2px;font-size:13px;font-weight:400}.readout-row{gap:16px;padding:8px 0;display:flex}.readout-item{flex:1}.readout-item .ctrl-label{margin-bottom:4px}.temp-bar-wrap{align-items:center;gap:8px;padding:4px 0;display:flex}.temp-bar-label{font-family:var(--font-mono);color:var(--text-dim);width:20px;font-size:12px}.temp-bar-track{background:var(--bg-input);border-radius:3px;flex:1;height:6px;overflow:hidden}.temp-bar-fill{border-radius:3px;height:100%;transition:width .5s,background .5s}.temp-bar-value{font-family:var(--font-mono);text-align:right;width:48px;font-size:13px;font-weight:600}.mode-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.mode-off{color:var(--text-dim);background:#ffffff0d}.mode-cooling{background:var(--accent-blue-dim);color:var(--cooling-color);border:1px solid #38bdf833}.mode-heating{background:var(--accent-amber-dim);color:var(--heating-color);border:1px solid #fb923c33}.gauge-wrap{padding:6px 0}.gauge-track{background:var(--bg-input);border-radius:4px;width:100%;height:8px;overflow:hidden}.gauge-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));border-radius:4px;height:100%;transition:width .5s}.btn{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.btn:hover{background:var(--bg-panel-hover);border-color:var(--border-active)}.btn:active{transform:scale(.97)}.btn-primary{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-primary:hover{background:#06b6d41a}.btn-danger{border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover{background:var(--accent-red-dim)}.btn-sm{padding:4px 10px;font-size:12px}.btn-group,.alarm-row{flex-wrap:wrap;gap:6px;display:flex}.alarm-dot{flex-direction:column;align-items:center;gap:4px;min-width:52px;padding:6px 4px;display:flex}.alarm-indicator{background:#1a2a1a;border:1px solid #2a3a2a;border-radius:50%;width:10px;height:10px;transition:all .3s}.alarm-indicator.active{background:var(--accent-red);border-color:var(--accent-red);box-shadow:0 0 8px var(--accent-red-dim), 0 0 16px #ef444426;animation:1.2s ease-in-out infinite alarm-pulse}@keyframes alarm-pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent-red-dim)}50%{opacity:.6;box-shadow:0 0 16px #ef44444d}}.alarm-name{font-family:var(--font-mono);color:var(--text-dim);text-align:center;letter-spacing:.02em;font-size:10px}.telemetry-tree{font-family:var(--font-mono);max-height:500px;padding:4px;font-size:13px;line-height:1.7;overflow-y:auto}.tel-key{color:var(--text-secondary)}.tel-val{color:var(--accent-cyan)}.tel-val.changed{color:var(--accent-amber);transition:color 1s}.tel-section{cursor:pointer;color:var(--text-primary);letter-spacing:.04em;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);margin-bottom:4px;padding:4px 0;font-weight:600}.tel-section:before{content:"▶";margin-right:6px;font-size:10px;transition:transform .2s;display:inline-block}.tel-section.open:before{transform:rotate(90deg)}.tel-section-body{margin-bottom:8px;padding-left:12px;display:none}.tel-section-body.open{display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.panel-wide{grid-column:span 2}.panel-full{grid-column:1/-1}.panel-disabled{opacity:.35;pointer-events:none;position:relative}.panel-disabled:after{content:"NO POWER";font-family:var(--font-mono);letter-spacing:.15em;color:var(--accent-red);opacity:.7;z-index:10;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.divider{border:0;border-top:1px solid var(--border);margin:10px 0}.hmi-section{max-width:1600px;margin:0 auto}.hmi-controls{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;border-bottom:none;align-items:center;gap:16px;padding:10px 14px;display:flex}.hmi-status{align-items:center;gap:8px;display:flex}.hmi-status-dot{border-radius:50%;width:8px;height:8px;transition:all .3s}.hmi-status-dot.dot-active{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green-dim)}.hmi-status-dot.dot-sleep{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber-dim);animation:2s ease-in-out infinite pulse-dot}.hmi-status-dot.dot-off{background:var(--accent-red)}.hmi-status-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-secondary);font-size:12px;font-weight:700}.hmi-standby-label{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.hmi-btn-group{gap:6px;margin-left:auto;display:flex}.hmi-display{background:var(--bg-panel);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);padding:14px}.hmi-bezel{aspect-ratio:16/10;background:#000;border-radius:4px;max-height:600px;position:relative;overflow:hidden}.hmi-iframe{border:none;width:100%;height:100%;display:block}.hmi-no-signal{font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-dim);justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex;position:absolute;inset:0}.hmi-overlay{pointer-events:none;opacity:0;background:0 0;justify-content:center;align-items:center;transition:opacity .6s,background .6s;display:flex;position:absolute;inset:0}.hmi-overlay.overlay-sleep{opacity:1;pointer-events:auto;background:#000000eb}.hmi-overlay.overlay-off{opacity:1;pointer-events:auto;background:#000}.hmi-overlay-text{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-red);opacity:.8;font-size:17px;font-weight:700}.hmi-overlay-text.hmi-overlay-dim{color:var(--accent-amber);opacity:.4;animation:3s ease-in-out infinite pulse-dot}.hmi-page-top{gap:var(--panel-gap);margin-bottom:var(--panel-gap);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.hmi-page-top{grid-template-columns:1fr}}.hmi-iwave-wrap{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;padding:12px;display:flex}.hmi-iwave-bezel{background:#000;border:2px solid #1a2030;border-radius:4px;width:1024px;max-width:100%;height:600px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006}.hmi-iwave-iframe{transform-origin:0 0;border:none;width:1024px;height:600px;display:block}@media (width<=1260px){.hmi-iwave-bezel{aspect-ratio:1024/600;width:100%;height:auto}.hmi-iwave-iframe{width:100%;height:100%}}.scs-state-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.scs-state-grid{grid-template-columns:1fr}}.scs-kv{font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:3px 0;font-size:13px;display:flex}.scs-key{color:var(--text-secondary)}.scs-val{color:var(--text-primary);font-weight:600}.scs-val.scs-on{color:var(--accent-green)}.scs-val.scs-off{color:var(--text-dim)}.scs-val.scs-alarm{color:var(--accent-red);font-size:12px}.hmi-ctrl-status{align-items:center;gap:12px;margin-bottom:6px;display:flex}.tcs-dual{gap:var(--panel-gap);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.tcs-dual{grid-template-columns:1fr}}.tcs-unit{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff03;padding:8px}.tcs-unit-inactive{opacity:.4}.tcs-unit-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tcs-comp-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tcs-detail-grid{grid-template-columns:repeat(3,1fr);gap:2px 8px;margin-top:8px;display:grid}.tcs-detail{font-family:var(--font-mono);justify-content:space-between;padding:1px 0;font-size:12px;display:flex}.eps-readouts{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:4px;display:grid}@media (width<=640px){.eps-readouts{grid-template-columns:1fr}}.eps-readout-big .readout{font-size:24px}.eps-detail-grid{grid-template-columns:1fr 1fr;gap:2px 16px;display:grid}.cmd-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width<=640px){.cmd-grid{grid-template-columns:repeat(2,1fr)}}.twin-row{align-items:center;gap:8px;padding:4px 0;display:flex}.twin-label{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;width:80px;font-size:12px}.twin-val{font-family:var(--font-mono);color:var(--accent-cyan);font-size:13px}.twin-desc{font-family:var(--font-mono);color:var(--text-dim);margin-top:1px;font-size:11px;display:block}.tel-json{font-family:var(--font-mono);color:var(--text-dim);margin-left:4px;font-size:11px}.cmd-arg{width:100px;font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.cmd-arg:focus{border-color:var(--accent-cyan)}.cmd-arg::placeholder{color:var(--text-dim)}.log-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.log-filters{gap:4px;display:flex}.log-filter-btn{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);background:var(--bg-input);color:var(--text-dim);cursor:pointer;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .15s}.log-filter-btn.active{color:var(--filter-color);border-color:var(--filter-color);background:#ffffff08}.log-search{font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;outline:none;width:160px;padding:3px 8px;font-size:12px}.log-search:focus{border-color:var(--accent-cyan)}.log-search::placeholder{color:var(--text-dim)}.log-count{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.log-viewer{background:var(--bg-input);border:1px solid var(--border);max-height:500px;font-family:var(--font-mono);border-radius:4px;padding:6px;font-size:12px;line-height:1.6;overflow-y:auto}.log-entry{white-space:nowrap;gap:6px;display:flex}.log-ts{color:var(--text-dim);flex-shrink:0}.log-level{flex-shrink:0;width:36px;font-weight:700}.log-target{color:var(--text-secondary);text-overflow:ellipsis;flex-shrink:0;max-width:120px;overflow:hidden}.log-msg{color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.log-empty{color:var(--text-dim);text-align:center;padding:24px;font-size:13px}.app-layout{height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #0f1520 0%, var(--bg-primary) 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.app-header-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase;font-size:16px;font-weight:600}.app-header-title span{color:var(--accent-cyan)}.app-header-alarms{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.app-header-alarm-text{text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.page-content{padding:var(--panel-gap);flex:1;overflow-y:auto}.page-grid{gap:var(--panel-gap);display:grid}.page-grid-1col{grid-template-columns:1fr}.page-grid-2col{grid-template-columns:repeat(2,1fr)}@media (width<=900px){.page-grid-2col{grid-template-columns:1fr}}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;transition:width .2s;display:flex;overflow:hidden}.sidebar-collapsed{width:48px}.sidebar-header{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 12px 10px;display:flex}.sidebar-brand{align-items:center;min-height:20px;display:flex}.sidebar-brand-text{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;font-size:17px;font-weight:700}.sidebar-brand-accent{color:var(--accent-cyan)}.sidebar-master{align-items:center;gap:8px;display:flex}.sidebar-master-toggle{cursor:pointer;flex-shrink:0;width:36px;height:18px;display:inline-block;position:relative}.sidebar-master-toggle input{display:none}.sidebar-master-track{border:1.5px solid var(--accent-red);background:#1a1a2e;border-radius:9px;transition:all .3s;position:absolute;inset:0}.sidebar-master-toggle input:checked+.sidebar-master-track{border-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green-dim)}.sidebar-master-thumb{background:var(--accent-red);border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:3px;left:3px}.sidebar-master-toggle input:checked~.sidebar-master-thumb{background:var(--accent-green);left:21px}.sidebar-master-state{font-family:var(--font-mono);letter-spacing:.05em;font-size:12px;font-weight:700}.sidebar-master-state.on{color:var(--accent-green)}.sidebar-master-state.off{color:var(--accent-red)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 0;display:flex}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.sidebar-nav-item.active{color:var(--accent-cyan);border-left-color:var(--accent-cyan);background:#06b6d40f}.sidebar-nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:17px}.sidebar-nav-label{white-space:nowrap;flex:1;overflow:hidden}.sidebar-health-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.sidebar-connection{align-items:center;gap:6px;display:flex;overflow:hidden}.sidebar-conn-dot{background:var(--accent-green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}.sidebar-conn-text{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-collapse-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:12px}.sidebar-collapse-btn:hover{color:var(--text-secondary)}.sensor-table.svelte-1ig3qk3{border-collapse:collapse;width:100%;font-size:.92rem}.sensor-table.svelte-1ig3qk3 th:where(.svelte-1ig3qk3){text-align:left;border-bottom:1px solid var(--border);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;font-size:.8rem;font-weight:500}.sensor-table.svelte-1ig3qk3 td:where(.svelte-1ig3qk3){border-bottom:1px solid var(--border-subtle,#ffffff0d);padding:4px 8px}.sensor-key.svelte-1ig3qk3{font-family:var(--font-mono,monospace);color:var(--accent-green);font-size:.85rem}.sensor-val.svelte-1ig3qk3{font-family:var(--font-mono,monospace);text-align:right;white-space:nowrap}