:root{--bg:#0d1520;--bg-deep:#08101a;--panel:#111e2c;--panel-alt:#172840;--panel-hover:#1c3248;--border:#1c3044;--border-hi:#2a4860;--primary:#1a8fd4;--primary-dim:#0d5a88;--primary-glow:#1a8fd41f;--primary-text:#5ab8f4;--warn:#e8960e;--warn-dim:#7a4e06;--warn-glow:#e8960e1a;--danger:#d63028;--danger-dim:#7a1610;--danger-glow:#d630281f;--ok:#1eaa58;--ok-dim:#0c5c2a;--ok-glow:#1eaa581a;--text:#d8e8f4;--text-muted:#6888a0;--text-dim:#364e60;--mono:"JetBrains Mono", "Courier New", monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:4px;--radius-lg:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}#root{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-deep);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;width:228px;display:flex;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:11px;padding:16px;display:flex}.brand-icon{background:linear-gradient(135deg,#0d4a7a,#1a8fd4);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand-name{color:var(--text);letter-spacing:.3px;font-size:14px;font-weight:700}.brand-sub{color:var(--text-muted);margin-top:1px;font-size:10px;font-weight:400}.sidebar-section{flex-shrink:0;padding:12px 8px 4px}.sidebar-section-label{text-transform:uppercase;letter-spacing:1.4px;color:var(--text-dim);padding:0 8px 6px;font-size:9px;font-weight:600}.nav-item{border-radius:var(--radius);cursor:pointer;color:var(--text-muted);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13px;font-weight:400;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--panel-hover);color:var(--text)}.nav-item.active{background:var(--primary-glow);color:var(--primary-text);font-weight:500}.nav-icon{opacity:.65;flex-shrink:0;width:15px;height:15px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-badge{background:var(--danger);color:#fff;font-size:10px;font-weight:700;font-family:var(--mono);text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:1px 6px}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:6px 14px}.sidebar-status{border-top:1px solid var(--border);flex-shrink:0;margin-top:auto;padding:12px 14px}.status-row{color:var(--text-muted);align-items:center;gap:7px;margin-bottom:5px;font-size:11px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.ok{background:var(--ok);box-shadow:0 0 5px var(--ok)}.status-dot.warn{background:var(--warn)}.status-dot.danger{background:var(--danger);box-shadow:0 0 5px var(--danger);animation:.9s step-end infinite blink}.sidebar-version{color:var(--text-dim);font-size:10px;font-family:var(--mono);margin-top:6px}.main-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--bg-deep);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;height:52px;padding:0 18px;display:flex}.topbar-breadcrumb{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.topbar-breadcrumb .bc-active{color:var(--text);font-weight:500}.topbar-breadcrumb .bc-sep{color:var(--text-dim);margin:0 5px}.topbar-pill{white-space:nowrap;border:1px solid;border-radius:14px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.topbar-pill.danger{background:var(--danger-glow);border-color:var(--danger-dim);color:var(--danger)}.topbar-pill.ok{background:var(--ok-glow);border-color:var(--ok-dim);color:var(--ok)}.topbar-users{color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.topbar-sep{background:var(--border);flex-shrink:0;width:1px;height:22px}.topbar-clock{text-align:right;flex-shrink:0}.clock-time{font-size:14px;font-weight:600;font-family:var(--mono);color:var(--text);letter-spacing:.5px}.clock-date{color:var(--text-dim);font-size:10px}.page-content{flex:1;min-height:0;display:flex;overflow:hidden}.content-area{flex-direction:column;flex:1;gap:14px;min-width:0;padding:16px;display:flex;overflow-y:auto}.page-placeholder{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.placeholder-icon{width:80px;height:80px;color:var(--primary);background:#1a8fd41a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.placeholder-icon.danger{color:var(--danger);background:#d630281a}.placeholder-icon.ok{color:var(--ok);background:#1eaa581a}.placeholder-icon.primary{color:var(--primary);background:#1a8fd41a}.placeholder-title{color:var(--text);margin-bottom:8px;font-size:22px;font-weight:600}.placeholder-desc{color:var(--text-muted);max-width:420px;font-size:14px}.alert-ribbon{background:linear-gradient(90deg, var(--danger-glow) 0%, #d6302805 100%);border:1px solid var(--danger-dim);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:14px;padding:11px 16px;display:flex}.alert-ribbon.secured{background:linear-gradient(90deg, var(--ok-glow) 0%, transparent 100%);border-color:var(--ok-dim)}.alert-ribbon.failed{background:linear-gradient(90deg,#32050580 0%,#0000 100%);border-color:#4a1010}.ribbon-led{background:var(--danger);width:10px;height:10px;box-shadow:0 0 10px var(--danger);border-radius:50%;flex-shrink:0;animation:.9s step-end infinite blink}.alert-ribbon.secured .ribbon-led{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:none}.alert-ribbon.failed .ribbon-led{box-shadow:none;background:#444;animation:none}.ribbon-body{flex:1;min-width:0}.ribbon-title{color:var(--danger);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:600}.alert-ribbon.secured .ribbon-title{color:var(--ok)}.alert-ribbon.failed .ribbon-title{color:var(--text-muted)}.ribbon-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.ribbon-timer{font-family:var(--mono);color:var(--warn);letter-spacing:2px;flex-shrink:0;font-size:22px;font-weight:600}.ribbon-timer.pulse{animation:1.2s ease-in-out infinite pulse-warn}.kpi-strip{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 12px;position:relative;overflow:hidden}.kpi-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.kpi-card.danger:before{background:var(--danger)}.kpi-card.warn:before{background:var(--warn)}.kpi-card.ok:before{background:var(--ok)}.kpi-card.primary:before{background:var(--primary)}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:500}.kpi-value{font-size:28px;font-weight:700;font-family:var(--mono);letter-spacing:-.5px;line-height:1}.kpi-unit{color:var(--text-muted);font-size:13px;font-weight:400;font-family:var(--sans);margin-left:4px}.kpi-sub{color:var(--text-dim);margin-top:4px;font-size:11px}.kpi-card.danger .kpi-value{color:var(--danger)}.kpi-card.warn .kpi-value{color:var(--warn)}.kpi-card.ok .kpi-value{color:var(--ok)}.kpi-card.primary .kpi-value{color:var(--primary-text)}.process-diagram{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;padding:12px 16px 8px}.diagram-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:6px;font-size:10px;font-weight:600}.turbines-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.turbine-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.turbine-card.overheating,.turbine-card.critical{border-color:var(--danger-dim);box-shadow:0 0 24px #d630281a,inset 0 0 60px #d6302805}.turbine-card.secured{border-color:var(--ok-dim);box-shadow:0 0 16px #1eaa5814}.turbine-card.exploded{opacity:.7;border-color:#3a0000;box-shadow:0 0 32px #d6302840,inset 0 0 80px #d630280f}.blast-countdown{border-radius:var(--radius);background:#d630281f;border:1px solid #d6302866;align-items:center;gap:8px;margin:6px 12px 0;padding:8px 14px;animation:.8s step-end infinite blink;display:flex}.blast-exploded{border-radius:var(--radius);background:#50000059;border:1px solid #d6302880;align-items:center;gap:8px;margin:6px 12px 0;padding:8px 14px;display:flex}.blast-icon{flex-shrink:0;font-size:16px}.blast-text{color:var(--danger);text-transform:uppercase;letter-spacing:.8px;flex:1;font-size:10px;font-weight:700}.blast-timer{font-family:var(--mono);color:var(--danger);letter-spacing:2px;font-size:20px;font-weight:700}.blast-timer.pulse{color:#ff2020;animation:.4s step-end infinite blink}.card-img{background-position:50%;background-size:cover;flex-shrink:0;height:112px;position:relative;overflow:hidden}.card-img-overlay{background:linear-gradient(#08101a26 0%,#08101aa6 60%,#08101aeb 100%);flex-direction:column;justify-content:flex-end;padding:10px 14px;display:flex;position:absolute;inset:0}.card-img-tag{font-size:10px;font-weight:600;font-family:var(--mono);color:#b4d2f08c;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:2px}.card-img-name{color:#fff;text-shadow:0 1px 4px #000c;font-size:14px;font-weight:600;line-height:1.2}.card-status-badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.card-status-badge.danger{color:#ffd0cc;background:#a5120ce0}.card-status-badge.ok{color:#a0ffcc;background:#0a461ee6}.badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.card-status-badge.danger .badge-dot{animation:.8s step-end infinite blink}.card-metrics{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.metric-cell{flex-direction:column;flex:1;align-items:center;gap:1px;padding:10px 8px 8px;display:flex}.metric-cell+.metric-cell{border-left:1px solid var(--border)}.metric-value{font-family:var(--mono);font-size:20px;font-weight:600;line-height:1}.metric-unit{color:var(--text-dim);font-size:9px;font-family:var(--mono);margin-top:1px}.metric-label{color:var(--text-muted);text-align:center;margin-top:3px;font-size:10px;font-weight:500}.metric-value.danger{color:var(--danger)}.metric-value.warn{color:var(--warn)}.metric-value.ok{color:var(--ok)}.card-bars{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:9px 14px;display:flex}.bar-row{align-items:center;gap:8px;display:flex}.bar-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2px;flex-shrink:0;width:48px;font-size:10px;font-weight:500}.bar-track{background:#ffffff0a;border-radius:2px;flex:1;height:4px;overflow:hidden}.bar-fill{border-radius:2px;height:100%;transition:width .5s,background .5s}.bar-pct{font-size:10px;font-family:var(--mono);color:var(--text-muted);text-align:right;flex-shrink:0;width:30px}.card-terminal{background:#040c16;flex-direction:column;flex:1;min-height:0;display:flex}.terminal-titlebar{background:#070f1c;border-bottom:1px solid #0d1e2e;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;display:flex}.tdot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tdot-r{background:#c83030}.tdot-y{background:#c89820}.tdot-g{background:#28a838}.terminal-titlebar-label{font-size:10px;font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;flex:1}.progress-pill{font-size:9px;font-family:var(--mono);color:var(--primary-text);background:#1a8fd41a;border:1px solid #1a8fd433;border-radius:10px;flex-shrink:0;padding:2px 8px;font-weight:500}.fail-pill{font-size:9px;font-family:var(--mono);color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;padding:2px 8px;font-weight:700}.fail-pill.warn{color:var(--warn);border-color:var(--warn-dim);background:#e8960e1a}.fail-pill.danger{color:var(--danger);border-color:var(--danger-dim);background:#d630281f;animation:.7s step-end infinite blink}.terminal-output{font-size:11px;font-family:var(--mono);color:#6080a0;flex:1;min-height:58px;padding:10px 13px;line-height:1.75}.t-step{color:var(--primary-text);font-weight:500}.t-hint{color:#3a5870}.t-ok{color:var(--ok)}.t-err{color:var(--danger)}.t-secured{color:var(--ok)}.terminal-prompt{background:#030a12;border-top:1px solid #0d1e2e;flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;display:flex}.prompt-ps1{font-family:var(--mono);color:#28a848;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:11px}.prompt-input{color:#a0d8b0;font-family:var(--mono);caret-color:#28a848;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:11px}.prompt-input::placeholder{color:#203040}.prompt-input:disabled{opacity:.3}.prompt-submit{color:#28a848;font-family:var(--mono);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:1px solid #0c4820;border-radius:3px;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:600;transition:background .15s}.prompt-submit:hover:not(:disabled){background:#1eaa581a}.prompt-submit:disabled{opacity:.3;cursor:default}.right-panel{border-left:1px solid var(--border);background:var(--bg-deep);flex-direction:column;flex-shrink:0;width:292px;display:flex;overflow-y:auto}.rpanel-section{border-bottom:1px solid var(--border);flex-shrink:0}.rpanel-header{background:var(--panel);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.rpanel-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.rpanel-count{font-family:var(--mono);color:var(--text-dim);margin-left:auto;font-size:11px}.feed-list{max-height:44vh;overflow-y:auto}.feed-item{border-bottom:1px solid #ffffff06;grid-template-columns:8px 54px 1fr;align-items:start;gap:8px;padding:7px 14px;display:grid}.feed-item:hover{background:#ffffff03}.feed-sev{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.feed-critical .feed-sev{background:var(--danger);box-shadow:0 0 5px var(--danger)}.feed-alert .feed-sev{background:var(--warn)}.feed-ok .feed-sev{background:var(--ok)}.feed-info .feed-sev{background:var(--primary)}.feed-time{font-size:10px;font-family:var(--mono);color:var(--text-dim);padding-top:1px}.feed-msg{color:var(--text);font-size:11px;line-height:1.45}.feed-critical .feed-msg{color:var(--danger)}.feed-alert .feed-msg{color:var(--warn)}.feed-ok .feed-msg{color:#50d898}.operators-list{flex-wrap:wrap;gap:6px;padding:10px 14px;display:flex}.operator-chip{background:var(--panel);border:1px solid var(--border);font-size:11px;font-family:var(--mono);color:var(--text-muted);border-radius:12px;align-items:center;gap:5px;padding:3px 10px 3px 7px;display:flex}.op-dot{background:var(--ok);width:5px;height:5px;box-shadow:0 0 4px var(--ok);border-radius:50%}.admin-panel{flex-direction:column;gap:8px;padding:14px;display:flex}.admin-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);font-size:10px;font-weight:600}.admin-input,.admin-select{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--mono);appearance:none;outline:none;padding:7px 10px;font-size:12px;transition:border-color .15s}.admin-input:focus,.admin-select:focus{border-color:var(--primary)}.admin-btn{border-radius:var(--radius);width:100%;font-family:var(--sans);cursor:pointer;letter-spacing:.2px;border:1px solid;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .15s;display:flex}.admin-btn:disabled{opacity:.35;cursor:default}.admin-btn.primary{background:var(--primary-glow);border-color:var(--primary-dim);color:var(--primary-text)}.admin-btn.primary:hover:not(:disabled){background:#1a8fd42e}.admin-btn.warn{background:var(--warn-glow);border-color:var(--warn-dim);color:var(--warn)}.admin-btn.warn:hover:not(:disabled){background:#e8960e2e}.admin-btn.ok{background:var(--ok-glow);border-color:var(--ok-dim);color:var(--ok)}.admin-btn.ok:hover:not(:disabled){background:#27ba632e}.admin-btn.danger{background:var(--danger-glow);border-color:var(--danger-dim);color:var(--danger)}.admin-btn.danger:hover:not(:disabled){background:#d630282e}.admin-timer-group{flex-direction:column;gap:6px;display:flex}.admin-timer-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);font-size:10px;font-weight:600}.admin-timer-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.admin-btn-timer{border-radius:var(--radius);font-family:var(--mono);cursor:pointer;text-align:center;border:1px solid;padding:6px 4px;font-size:11px;font-weight:700;transition:background .15s}.admin-btn-timer:disabled{opacity:.35;cursor:default}.admin-btn-timer.minus{background:var(--danger-glow);border-color:var(--danger-dim);color:var(--danger)}.admin-btn-timer.minus:hover:not(:disabled){background:#d6302838}.admin-btn-timer.plus{background:var(--ok-glow);border-color:var(--ok-dim);color:var(--ok)}.admin-btn-timer.plus:hover:not(:disabled){background:#27ba6338}.admin-msg{border-radius:var(--radius);font-size:11px;font-family:var(--mono);padding:6px 10px}.admin-msg.ok{background:var(--ok-glow);color:var(--ok);border:1px solid var(--ok-dim)}.admin-msg.error{background:var(--danger-glow);color:var(--danger);border:1px solid var(--danger-dim)}.loading-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.loading-name{color:var(--text);text-transform:uppercase;letter-spacing:2px;font-size:15px;font-weight:700}.loading-sub{color:var(--text-muted);font-size:12px;font-family:var(--mono)}.loading-bar{background:var(--border);border-radius:1px;width:180px;height:2px;overflow:hidden}.loading-fill{background:var(--primary);width:35%;height:100%;animation:1.5s ease-in-out infinite sweep}@keyframes blink{0%,to{opacity:1}50%{opacity:.08}}@keyframes pulse-warn{0%,to{color:var(--warn)}50%{color:var(--warn-dim)}}@keyframes sweep{0%{transform:translate(-200%)}to{transform:translate(650%)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dim)}@media (width<=1400px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=1200px){.sidebar{width:56px}.brand-text,.sidebar-section-label,.nav-item span,.nav-badge,.sidebar-status{display:none}.nav-item{justify-content:center;padding:10px}.nav-icon{opacity:.7;width:18px;height:18px}.turbines-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.right-panel{display:none}.turbines-grid{grid-template-columns:1fr}}