.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:16px 0;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 20px;margin-bottom:4px}.brand-icon{color:var(--accent-green);font-size:20px}.brand-text{color:var(--accent-green);font-weight:700;font-size:18px;letter-spacing:3px}.sidebar-subtitle{color:var(--text-muted);font-size:10px;padding:0 20px;margin-bottom:24px;letter-spacing:1px;text-transform:uppercase}.sidebar-nav{list-style:none;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 20px;color:var(--text-secondary);text-decoration:none;font-size:13px;border-left:3px solid transparent;transition:all .15s ease}.sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none}.sidebar-link.active{color:var(--accent-green);background:#00ff880d;border-left-color:var(--accent-green)}.nav-icon{font-size:14px;width:20px;text-align:center}.sidebar-footer{padding:16px 20px;color:var(--text-muted);font-size:10px;border-top:1px solid var(--border-color);margin-top:auto}@media(max-width:760px){.sidebar{align-items:stretch}.sidebar-brand{justify-content:center;padding:0 8px}.brand-text,.sidebar-subtitle,.sidebar-footer,.sidebar-link span:not(.nav-icon){display:none}.sidebar-link{justify-content:center;padding:12px 8px}.nav-icon{width:auto}}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:0 20px}.header-left{display:flex;align-items:center;min-width:0}.header-label{color:var(--text-muted);font-size:11px;letter-spacing:2px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;flex:0 1 auto;gap:16px;justify-content:flex-end;min-width:0}.connection-indicator{display:flex;align-items:center;flex:0 0 auto;gap:6px;font-size:11px;letter-spacing:1px;white-space:nowrap}.connection-indicator.online{color:var(--accent-green)}.connection-indicator.offline{color:var(--accent-red)}.indicator-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.connection-indicator.online .indicator-dot{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.connection-indicator.offline .indicator-dot{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.header-clock{color:var(--text-secondary);flex:0 0 auto;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:640px){.header{padding:0 12px}.header-label{font-size:10px;letter-spacing:1px}.header-right{gap:10px}.connection-indicator{font-size:0}.indicator-dot{width:10px;height:10px}.header-clock{font-size:12px}}.app-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:11px;color:var(--text-muted);letter-spacing:.5px}.footer-dot{color:var(--text-muted);font-size:8px}.footer-info-btn{background:none;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;line-height:1}.footer-info-btn:hover{color:var(--accent-green);border-color:var(--accent-green);box-shadow:0 0 8px #00ff8826}.data-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.card-title{font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.card-accent-bar{width:8px;height:8px;border-radius:50%}.card-accent-green .card-accent-bar{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.card-accent-amber .card-accent-bar{background:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}.card-accent-red .card-accent-bar{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.card-accent-blue .card-accent-bar{background:var(--accent-blue);box-shadow:0 0 6px var(--accent-blue)}.card-body{padding:16px}.status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.badge-green{color:var(--accent-green);background:#00ff881a;border:1px solid rgba(0,255,136,.2)}.badge-amber{color:var(--accent-amber);background:#ffb3001a;border:1px solid rgba(255,179,0,.2)}.badge-red{color:var(--accent-red);background:#ff33331a;border:1px solid rgba(255,51,51,.2)}.badge-muted{color:var(--text-muted);background:#5566771a;border:1px solid rgba(85,102,119,.2)}.dashboard{height:100%}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.dash-error{color:var(--accent-red);padding:20px}.loading{color:var(--text-muted);font-size:12px}.health-panel{display:flex;flex-direction:column;gap:12px}.health-overall{margin-bottom:4px}.health-components{display:flex;flex-direction:column;gap:8px}.health-row{display:flex;align-items:center;gap:12px;font-size:12px}.comp-name{flex:1;color:var(--text-secondary)}.comp-latency{color:var(--text-muted);font-size:11px;min-width:50px;text-align:right}.stat-grid{display:flex;gap:24px;min-width:0;flex-wrap:wrap;row-gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px}.stat-value{font-size:28px;font-weight:700;color:var(--text-secondary)}.stat-value.green{color:var(--accent-green)}.stat-value.amber{color:var(--accent-amber)}.stat-value.red{color:var(--accent-red)}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stats-panel{display:flex;flex-direction:column;gap:8px}.stats-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.stats-value{color:var(--text-secondary)}.vision-panel{display:flex;flex-direction:column;gap:12px}.vision-labels{display:flex;flex-direction:column;gap:4px}.vision-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.confidence{color:var(--accent-amber)}.alarm-card-content{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.alarm-page-link{align-self:flex-end;border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);flex:0 0 auto;font-size:11px;padding:7px 12px;text-decoration:none;white-space:nowrap}.alarm-page-link:hover{background:#00e5ff14;text-decoration:none}.sherwood-card-content{display:flex;flex-direction:column;gap:12px}.sherwood-preview{color:var(--text-muted);display:-webkit-box;font-family:var(--font-mono);font-size:11px;line-height:1.5;margin:0;max-height:3.6em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:720px){.stat-grid,.alarm-card-content{align-items:flex-start;flex-direction:column}.alarm-page-link{align-self:flex-start}}.nodes-page{height:100%}.page-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.page-title{font-size:16px;font-weight:500;color:var(--text-primary);letter-spacing:1px}.page-subtitle,.pagination-summary{color:var(--text-muted);display:block;font-size:11px;margin-top:6px}.pagination-summary{flex:0 0 auto;text-align:right}.page-error{color:var(--accent-red);padding:20px}.table-shell{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow-x:auto}.scada-table{width:100%;border-collapse:collapse;font-size:12px;min-width:860px}.scada-table thead{border-bottom:1px solid var(--border-color)}.scada-table th{text-align:left;padding:10px 12px;font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.scada-table td{padding:10px 12px;border-bottom:1px solid rgba(30,42,58,.5);color:var(--text-secondary)}.scada-table tbody tr:hover{background:#00ff8808}.node-name{color:var(--accent-cyan);font-weight:500}.uuid{color:var(--text-muted);font-size:10px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp{font-variant-numeric:tabular-nums;color:var(--text-muted)}.empty-row{text-align:center;color:var(--text-muted);padding:40px 12px!important}.battery-bar-container{position:relative;width:80px;height:16px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.battery-cell{min-width:92px}.battery-bar{height:100%;border-radius:3px;transition:width .3s ease}.battery-green{background:var(--accent-green);opacity:.7}.battery-amber{background:var(--accent-amber);opacity:.7}.battery-red{background:var(--accent-red);opacity:.7}.battery-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:500;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8)}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}.pagination-controls button{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:11px;min-width:72px;padding:6px 10px}.pagination-controls button:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.pagination-controls button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-page{color:var(--text-muted);font-size:11px;padding:0 4px}@media(max-width:720px){.page-header{align-items:flex-start;flex-direction:column}.pagination-summary{text-align:left}.pagination-controls{justify-content:flex-start}}.alarms-page{height:100%;overflow-x:auto}.alarms-page .scada-table{min-width:1120px}.page-heading-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;min-width:0}.page-heading-row .page-title{margin-bottom:0}.page-subtitle{color:var(--text-muted);flex:0 0 auto;font-family:var(--font-mono);font-size:12px;text-transform:uppercase}.row-critical{animation:critical-pulse 2s infinite}@keyframes critical-pulse{0%,to{background:transparent}50%{background:#ff33330d}}.alarm-reason{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resolve-btn{background:transparent;color:var(--accent-green);border:1px solid var(--accent-green);padding:4px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .15s ease}.resolve-btn:hover{background:#00ff881a}.alarm-image-link{align-items:center;color:var(--text-secondary);display:inline-flex;gap:10px;max-width:220px;min-width:0;text-decoration:none}.alarm-image-link:hover .alarm-image-thumb{border-color:var(--accent-cyan)}.alarm-image-thumb{aspect-ratio:16 / 10;background:#041018c7;border:1px solid rgba(0,229,255,.22);border-radius:var(--radius-sm);flex:0 0 auto;height:52px;object-fit:cover;width:84px}.evidence-key{color:var(--text-muted);display:block;font-family:var(--font-mono);font-size:10px;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-link{color:var(--accent-cyan);font-family:var(--font-mono);font-size:11px}.evidence-link-broken{color:var(--accent-amber)}.muted-cell{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}@media(max-width:760px){.page-heading-row{align-items:flex-start;flex-direction:column}}.sherwood-page{height:100%;overflow-x:auto}.sherwood-page .scada-table{min-width:800px}.sherwood-row{cursor:pointer;transition:background .15s ease}.sherwood-row:hover{background:#00e5ff0a}.sherwood-row.expanded{background:#00e5ff0f}.analysis-cell{max-width:480px}.analysis-truncated{color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-full{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;line-height:1.6;margin:0;padding:4px 0;white-space:pre-wrap;word-break:break-word}.prompt-version{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.staff-page{height:100%;overflow-x:auto}.staff-page .scada-table{min-width:900px}.staff-name{color:var(--text-primary);font-weight:500}.staff-role{color:var(--text-secondary)}.staff-email a{color:var(--accent-cyan);font-family:var(--font-mono);font-size:11px;text-decoration:none}.staff-email a:hover{text-decoration:underline}.staff-phone{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.staff-zone{color:var(--text-secondary);max-width:280px}.staff-shift{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.terminal-container{flex:1;width:100%;height:100%;background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden}.terminal-container .xterm{padding:12px}.cli-page{display:flex;flex-direction:column;height:100%;gap:12px}.cli-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-label{color:var(--text-muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-right:4px}.quick-cmd-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .15s ease}.quick-cmd-btn:hover{background:var(--bg-surface);color:var(--accent-green);border-color:var(--accent-green)}.cli-terminal-wrapper{flex:1;min-height:0;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.about-page{max-width:800px;margin:0 auto}.about-header{text-align:center;margin-bottom:32px}.about-title{font-size:28px;font-weight:700;color:var(--accent-green);letter-spacing:4px;margin-bottom:6px}.about-tagline{color:var(--text-muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}.about-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;margin-bottom:16px}.about-section h2{color:var(--accent-green);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.about-section p{color:var(--text-secondary);font-size:13px;line-height:1.7;margin-bottom:10px}.about-section p:last-child{margin-bottom:0}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tech-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px}.tech-card-label{color:var(--accent-green);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.tech-card-value{color:var(--text-secondary);font-size:12px;line-height:1.5}.about-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:8px 16px;border-radius:var(--radius-sm);margin-bottom:24px;transition:all .15s ease}.about-back-btn:hover{color:var(--accent-green);border-color:var(--accent-green)}:root{--bg-primary: #0a0e14;--bg-secondary: #111820;--bg-tertiary: #1a2332;--bg-surface: #1e2a3a;--text-primary: #00ff88;--text-secondary: #8899aa;--text-muted: #556677;--accent-green: #00ff88;--accent-amber: #ffb300;--accent-red: #ff3333;--accent-blue: #00aaff;--accent-cyan: #00e5ff;--border-color: #1e2a3a;--border-active: #00ff8844;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-glow: 0 0 20px rgba(0, 255, 136, .05);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-mono);font-size:14px;overflow:hidden}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr auto;height:100vh;gap:0}.app-header{grid-column:1 / -1;grid-row:1}.app-sidebar{grid-column:1;grid-row:2}.app-content{grid-column:2;grid-row:2;overflow-y:auto;padding:20px}.app-footer{grid-column:1 / -1;grid-row:3}@media(max-width:760px){.app-layout{grid-template-columns:72px 1fr;grid-template-rows:48px 1fr auto}.app-content{padding:14px}}