@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");:root{--bg-terminal:#050505;--panel-bg:hsla(0,0%,6%,.75);--text-main:#e5e4e2;--text-muted:#888;--bb-orange:#e5e4e2;--bb-green:#00e676;--bb-red:#ff1744;--bb-cyan:#e5e4e2;--border-terminal:hsla(40,5%,89%,.15);--font-mono:"Inter",system-ui,-apple-system,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlowGreen{0%,to{text-shadow:0 0 8px rgba(0,230,118,.4)}50%{text-shadow:0 0 16px rgba(0,230,118,.8)}}@keyframes textGlowRed{0%,to{text-shadow:0 0 8px rgba(255,23,68,.4)}50%{text-shadow:0 0 16px rgba(255,23,68,.8)}}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top right,#111 0,var(--bg-terminal) 100%);color:var(--text-main);font-family:var(--font-mono);overflow-x:hidden;font-size:12px;min-height:100vh;animation:fadeIn .8s cubic-bezier(.2,.8,.2,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-terminal)}::-webkit-scrollbar-thumb{background:hsla(40,5%,89%,.2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(40,5%,89%,.4)}.terminal-loader-backdrop{position:fixed;inset:0;background-color:rgba(5,5,5,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);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 hsla(40,5%,89%,.1);transition:transform .5s ease}.logo-center:hover{transform:scale(1.05)}.core-branding,.core-title{margin-top:32px;font-size:16px;font-weight:300;letter-spacing:4px;color:var(--text-main);text-shadow:0 0 10px hsla(40,5%,89%,.3);text-transform:uppercase}.terminal-status-text{margin-top:12px;font-size:11px;letter-spacing:2px;color:var(--text-muted);font-weight:300}.sub-telemetry{margin-top:8px;font-size:10px;color:hsla(40,5%,89%,.4);letter-spacing:1.5px}@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(--text-main)}@keyframes blink{50%{opacity:0}}.terminal-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:480px calc(100vh - 540px);grid-gap:12px;gap:12px;padding:16px}.panel{background:var(--panel-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-terminal);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.6);transition:transform .4s ease,border-color .4s ease}.panel:hover{border-color:hsla(40,5%,89%,.3);transform:translateY(-2px)}.panel-header{background:rgba(0,0,0,.4);border-bottom:1px solid var(--border-terminal);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:11px;color:var(--text-main);letter-spacing:2px;text-transform:uppercase}.panel-body{flex:1 1;position:relative;overflow:hidden}.header-bar{background:rgba(5,5,5,.8);border-bottom:1px solid var(--border-terminal);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-connected{color:var(--bb-green);font-weight:600;animation:textGlowGreen 3s infinite alternate;letter-spacing:1px}.badge-disconnected{color:var(--bb-red);font-weight:600;animation:textGlowRed 3s infinite alternate;letter-spacing:1px}.circuit-breaker-warning{background:rgba(255,23,68,.1);color:var(--bb-red);border:1px solid var(--bb-red);border-radius:4px;padding:4px 12px;font-weight:600;animation:textGlowRed 2s infinite alternate}@media screen and (max-width:1024px){.terminal-grid{display:flex;flex-direction:column;height:auto;overflow-y:visible}.panel{min-height:400px;width:100%;grid-column:span 1!important}.header-bar{flex-direction:column;align-items:flex-start;gap:12px}}@media screen and (max-width:600px){.core-branding,.core-title{font-size:14px;letter-spacing:2px}.terminal-status-text{font-size:10px}}