:root{--bg-terminal:#070809;--panel-bg:rgba(14,16,19,.92);--bb-orange:#f80;--bb-green:#0f6;--bb-red:#ff1744;--bb-cyan:#00e5ff;--text-main:#f0f0f0;--text-muted:#80868b;--border-terminal:rgba(0,255,102,.2);--font-mono:"IBM Plex Mono","Roboto Mono",Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-terminal);color:var(--text-main);font-family:var(--font-mono);overflow-x:hidden;font-size:12px}.terminal-loader-backdrop{position:fixed;inset:0;background-color:var(--bg-terminal);flex-direction:column;z-index:9999}.arc-wrapper,.terminal-loader-backdrop{display:flex;align-items:center;justify-content:center}.arc-wrapper{position:relative;width:160px;height:160px}.arc{position:absolute;inset:0;width:100%;height:100%}.arc-clockwise{animation:rotateClockwise 2.2s cubic-bezier(.4,0,.2,1) infinite}.arc-counter-clockwise{animation:rotateCounterClockwise 1.6s linear infinite}.logo-center{position:absolute;z-index:10;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(0,255,102,.3)}.core-branding{margin-top:28px;font-size:18px;font-weight:900;letter-spacing:4px;color:var(--bb-green);text-shadow:0 0 10px rgba(0,255,102,.4)}.terminal-status-text{margin-top:10px;font-size:12px;letter-spacing:1.5px;color:var(--text-main)}.sub-telemetry{margin-top:6px;font-size:10px;color:var(--text-muted);letter-spacing:1px}@keyframes rotateClockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateCounterClockwise{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.cursor-blink{animation:blink 1s step-start infinite;color:var(--bb-green)}@keyframes blink{50%{opacity:0}}.terminal-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:480px calc(100vh - 540px);grid-gap:8px;gap:8px;padding:8px}.panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-terminal);border-radius:3px;display:flex;flex-direction:column;overflow:hidden}.panel-header{background:#0f1114;border-bottom:1px solid var(--border-terminal);padding:6px 12px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:11px;color:var(--bb-orange);letter-spacing:1px}.panel-body{flex:1 1;position:relative;overflow:hidden}.header-bar{background:#0c0e10;border-bottom:2px solid var(--bb-orange);padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.badge-connected{color:var(--bb-green);font-weight:700}.badge-disconnected{color:var(--bb-red);font-weight:700}.circuit-breaker-warning{background:var(--bb-red);color:#fff;padding:2px 8px;font-weight:700;animation:blink 1s step-start infinite}@media screen and (max-width:1024px){.terminal-grid{display:flex;flex-direction:column;height:auto;overflow-y:visible}.panel{min-height:380px;width:100%}.header-bar{flex-direction:column;align-items:flex-start;gap:10px}}@media screen and (max-width:600px){.core-branding{font-size:14px;letter-spacing:2px}.terminal-status-text{font-size:10px}}