:root{--bg: #060a0e;--bg-panel: #0a0f15;--bg-hover: #0e1420;--border: rgba(0, 200, 255, .06);--border-active: rgba(0, 200, 255, .2);--text: #b0c4d8;--text-dim: rgba(176, 196, 216, .5);--text-muted: rgba(176, 196, 216, .3);--cyan: #00c8ff;--cyan-dim: rgba(0, 200, 255, .1);--green: #00ff88;--amber: #ffa502;--red: #ff4757;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, sans-serif;--radius: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;overflow-x:hidden;-webkit-font-smoothing:antialiased}.ark__boot{position:fixed;inset:0;background:#000;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.ark__boot-content{max-width:750px;width:100%}.ark__boot-logo{color:var(--cyan);font-size:.8rem;line-height:1.3;text-align:center;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,200,255,.3)}.ark__boot-log{max-height:60vh;overflow-y:auto;font-size:.7rem;line-height:1.5}.boot-line{color:var(--text-dim);white-space:pre;animation:fadeInLine .1s ease}.boot-line--ok{color:var(--green)}.boot-line--highlight{color:var(--cyan);font-weight:700}@keyframes fadeInLine{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ark__main{min-height:100vh;display:flex;flex-direction:column}.ark__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(0,200,255,.02) 0%,transparent 100%)}.ark__logo{display:flex;align-items:center;gap:.6rem}.ark__logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(0,200,255,.4))}.ark__title{font-size:1.1rem;font-weight:700;color:var(--cyan);letter-spacing:.2em}.ark__node-id{font-size:.6rem;color:var(--text-dim);letter-spacing:.1em}.ark__header-stats{display:flex;align-items:center;gap:2rem}.ark__autonomy{display:flex;align-items:center;gap:.5rem}.ark__autonomy-label{font-size:.55rem;color:var(--text-muted)}.ark__autonomy-level{font-size:.9rem;font-weight:700;color:var(--green);background:#00ff8814;padding:.1rem .5rem;border-radius:var(--radius)}.ark__autonomy-name{font-size:.6rem;color:var(--green)}.ark__uplink{display:flex;align-items:center;gap:.4rem;font-size:.65rem;color:var(--green)}.ark__uplink-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-g 2s infinite}@keyframes pulse-g{0%,to{opacity:1}50%{opacity:.4}}.ark__clock{font-size:1.3rem;font-weight:700;color:var(--cyan)}.ark__grid{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr;gap:1px;background:var(--border);padding:1px}.ark__panel{background:var(--bg-panel);padding:.75rem;overflow:hidden;display:flex;flex-direction:column}.panel__header{font-size:.6rem;font-weight:600;color:var(--text-dim);letter-spacing:.12em;padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.panel__subheader{font-size:.55rem;color:var(--text-muted);letter-spacing:.1em;margin:.5rem 0 .3rem}.panel__badge{font-size:.55rem;padding:.1rem .4rem;border-radius:3px;background:#ffffff0d;color:var(--text-dim)}.panel__badge--green{background:#00ff881a;color:var(--green)}.panel__badge--cyan{background:#00c8ff1a;color:var(--cyan)}.ark__panel--subsystems{grid-column:1;grid-row:1}.ark__subsystems{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.subsys{padding:.5rem;border-radius:var(--radius);border-left:3px solid var(--green);background:#00ff8804}.subsys--nominal{border-left-color:var(--green)}.subsys--degraded{border-left-color:var(--amber)}.subsys--warning{border-left-color:var(--amber);background:#ffa50208}.subsys--critical{border-left-color:var(--red);background:#ff475708}.subsys__header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.subsys__icon{font-size:.9rem}.subsys__name{font-size:.7rem;font-weight:600;color:var(--text);flex:1}.subsys__status{font-size:.55rem;font-weight:600}.subsys--nominal .subsys__status{color:var(--green)}.subsys--degraded .subsys__status{color:var(--amber)}.subsys--critical .subsys__status{color:var(--red)}.subsys__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.subsys__metric{text-align:center}.subsys__metric-value{font-size:.8rem;font-weight:700;color:var(--cyan);display:block}.subsys__metric-unit{font-size:.5rem;color:var(--text-muted)}.subsys__metric-label{font-size:.5rem;color:var(--text-muted);display:block}.ark__panel--ai{grid-column:2;grid-row:1 / 3}.ai-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center;margin-bottom:.5rem}.ai-stat__value{font-size:1rem;font-weight:700;color:var(--cyan);display:block}.ai-stat__label{font-size:.5rem;color:var(--text-muted);display:block}.ark__ai-log{flex:1;overflow-y:auto;max-height:50vh}.ark__ai-log::-webkit-scrollbar{width:3px}.ark__ai-log::-webkit-scrollbar-thumb{background:#00c8ff26;border-radius:2px}.ai-log-entry{font-size:.6rem;color:var(--text-dim);padding:.2rem 0;border-bottom:1px solid rgba(0,200,255,.03);line-height:1.4}.ark__panel--hardware{grid-column:3;grid-row:1}.ark__hw-grid{display:flex;flex-direction:column;gap:6px}.hw-item{padding:.4rem 0}.hw-item__header{display:flex;justify-content:space-between;font-size:.65rem;margin-bottom:.2rem}.hw-item__label{color:var(--text-dim);font-weight:600}.hw-item__value{color:var(--cyan);font-weight:700}.hw-item__bar{height:4px;background:#00c8ff14;border-radius:2px;overflow:hidden}.hw-item__fill{height:100%;background:var(--cyan);border-radius:2px;transition:width 1s ease;box-shadow:0 0 4px var(--cyan)}.hw-item__detail{font-size:.5rem;color:var(--text-muted);margin-top:.15rem}.ark__panel--scada{grid-column:1;grid-row:2}.ark__scada-points{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.scada-point{display:grid;grid-template-columns:1fr 1.2fr .6fr .5fr;gap:.3rem;padding:.3rem .4rem;font-size:.6rem;border-radius:2px;background:#00c8ff04}.scada-point:hover{background:#00c8ff0a}.scada-point__tag{color:var(--cyan);font-weight:500}.scada-point__desc{color:var(--text-dim)}.scada-point__value{color:var(--green);text-align:right}.scada-point__proto{color:var(--text-muted);text-align:right}.ark__panel--comms{grid-column:3;grid-row:2}.ark__comms{display:flex;flex-direction:column;gap:4px}.comm-ch{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius);border-left:3px solid var(--green);background:#00c8ff04}.comm-ch--online{border-left-color:var(--green)}.comm-ch--standby{border-left-color:var(--amber)}.comm-ch--listening{border-left-color:var(--cyan)}.comm-ch__icon{font-size:1rem}.comm-ch__name{flex:1;font-size:.7rem;color:var(--text)}.comm-ch__status{font-size:.55rem;font-weight:600}.comm-ch--online .comm-ch__status{color:var(--green)}.comm-ch--standby .comm-ch__status{color:var(--amber)}.comm-ch--listening .comm-ch__status{color:var(--cyan)}.comm-ch__latency{font-size:.6rem;color:var(--text-muted);width:50px;text-align:right}.ark__panel--sentinel{grid-column:2 / 4;grid-row:2;display:none}.sentinel-entry{font-size:.6rem;color:var(--text-dim);padding:.15rem 0;border-bottom:1px solid rgba(0,200,255,.02)}.ark__footer{display:flex;align-items:center;gap:.75rem;padding:.4rem 1.5rem;font-size:.6rem;color:var(--text-muted);border-top:1px solid var(--border);background:var(--bg-panel)}.ark__uptime{color:var(--cyan)}@media(max-width:1024px){.ark__grid{grid-template-columns:1fr;grid-template-rows:auto}.ark__panel--subsystems,.ark__panel--ai,.ark__panel--hardware,.ark__panel--scada,.ark__panel--comms{grid-column:1;grid-row:auto}.ark__ai-log{max-height:30vh}.subsys__metrics{grid-template-columns:repeat(2,1fr)}}.ark:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,200,255,.008) 1px,rgba(0,200,255,.008) 2px);z-index:9999}