@import"https://fonts.googleapis.com/css2?family=Michroma&family=Space+Mono:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-deepest: #0E1117;--bg-base: #111827;--bg-raised: #141820;--bg-surface: #1C2330;--bg-surface-hover: #232D3D;--accent-teal: #3DD9C0;--accent-teal-light: #6AE8D5;--accent-glow: rgba(61, 217, 192, .12);--accent-secondary: #4A90D9;--text-primary: #E8EDF5;--text-secondary: #7A8BA0;--text-muted: #3A4A5C;--border-subtle: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .1);--semantic-critical: #E05050;--semantic-high: #E09A30;--semantic-low: #3DB87A;--mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;background-color:var(--bg-base);color:var(--text-primary);font-family:Michroma,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}#root{width:100%;margin:0 auto}@media(min-width:1200px){#root{width:70%}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px;border-radius:4px}::selection{background:#3dd9c04d;color:#fff}.glass-panel{background:#141820b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:14px}.mono-label{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-teal)}.card-section-title{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-teal)}.recharts-default-tooltip{background-color:var(--bg-raised)!important;border:1px solid var(--bg-surface-hover)!important;border-radius:10px!important;box-shadow:0 8px 24px #0006!important}.recharts-tooltip-label{color:var(--text-primary)!important;font-weight:600!important;font-family:Michroma,sans-serif!important}.recharts-tooltip-item{color:var(--text-secondary)!important}.recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important;font-size:10px!important;font-family:Space Mono,monospace!important}.MuiGrid-container{align-items:stretch}.MuiGrid-container>.MuiGrid-item{display:flex}.MuiGrid-container>.MuiGrid-item>.MuiBox-root{flex:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}60%{opacity:.25}}@keyframes criticalPulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.8);opacity:0}}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.animate-fade-in{animation:fadeIn .3s ease both}.stagger-children>*{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:60ms}.stagger-children>*:nth-child(4){animation-delay:90ms}.stagger-children>*:nth-child(5){animation-delay:.12s}.stagger-children>*:nth-child(6){animation-delay:.15s}.stagger-children>*:nth-child(7){animation-delay:.18s}.stagger-children>*:nth-child(8){animation-delay:.21s}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-teal);animation:blink 2s ease-in-out infinite}.offline-dot{width:6px;height:6px;border-radius:50%;background:#f44336}