:root{--surface-base:#0a121e;--surface-lowest:#070e1a;--surface-low:#0e1726;--surface-mid:#141c28;--surface-high:#1c2535;--surface-highest:#252e3e;--surface-bright:#323947;--primary:#4cd7f6;--primary-container:#06b6d4;--primary-glow:#4cd7f640;--primary-dim:#06b6d41f;--secondary:#ddb7ff;--secondary-container:#6f00be;--secondary-glow:#a855f740;--secondary-dim:#a855f71f;--tertiary:#ffb95f;--tertiary-container:#e79400;--tertiary-glow:#f59e0b40;--tertiary-dim:#f59e0b1f;--error:#ffb4ab;--error-container:#93000a;--error-dim:#ef44441f;--success:#4ade80;--success-dim:#4ade801f;--on-surface:#dbe3f4;--on-surface-variant:#9ca8b4;--on-surface-dim:#6b7a8d;--outline:#3d494c;--outline-ghost:#3d494c40;--bg-color:var(--surface-base);--panel-bg:#0e1726a6;--panel-border:var(--outline-ghost);--text-main:var(--on-surface);--text-muted:var(--on-surface-variant);--accent-cyan:var(--primary);--accent-cyan-glow:var(--primary-glow);--accent-red:#ef4444;--accent-red-glow:#ef444466;--font-main:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface-base);color:var(--on-surface);font-family:var(--font-main);background-image:radial-gradient(at 15% 0,#06b6d40f 0%,#0000 50%),radial-gradient(at 85% 100%,#a855f70a 0%,#0000 50%),radial-gradient(#f59e0b04 0%,#0000 60%),linear-gradient(#4cd7f603 1px,#0000 1px),linear-gradient(90deg,#4cd7f603 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px;min-height:100vh;position:relative;overflow:hidden}body:after{content:"";z-index:10000;pointer-events:none;opacity:.25;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px;display:block;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;font-weight:600}h1{letter-spacing:3px;font-size:1.4rem}h2{letter-spacing:2px;font-size:1.1rem}h3{letter-spacing:1.5px;font-size:.95rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid #4cd7f614;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 32px #0006,0 0 0 1px #ffffff08,inset 0 1px #ffffff0d}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000 0%,#4cd7f640 15%,#4cd7f680 35%,#a855f759 65%,#f59e0b33 85%,#0000 100%);width:100%;height:1px;position:absolute;top:0;left:0}.mono-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.8px;font-size:.85rem}.text-cyan{color:var(--primary);text-shadow:0 0 16px var(--primary-glow)}.text-red{color:var(--accent-red);text-shadow:0 0 12px var(--accent-red-glow)}.text-muted{color:var(--on-surface-variant)}.hud-button{background:var(--primary-dim);color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .25s var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #4cd7f633;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;position:relative;overflow:hidden}.hud-button:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0a,#0000);height:50%;position:absolute;top:0;left:0;right:0}.hud-button:hover{box-shadow:0 0 24px var(--primary-glow), 0 0 48px #4cd7f614, inset 0 0 12px #4cd7f60f;background:#4cd7f62e;border-color:#4cd7f680;transform:translateY(-1px)}.hud-button:active{box-shadow:0 0 8px var(--primary-glow);transition-duration:50ms;transform:translateY(0)}.hud-button.danger{color:var(--accent-red);background:var(--error-dim);border-color:#ef444440}.hud-button.danger:hover{box-shadow:0 0 24px var(--accent-red-glow);background:#ef44442e;border-color:#ef444480}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb{background:#4cd7f633;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#4cd7f680}::selection{color:var(--on-surface);background:#4cd7f640}input[type=range]{accent-color:var(--primary)}:focus-visible{outline-offset:2px;outline:1px solid #4cd7f666}input[type=text],input[type=number],input[type=search],textarea{background:var(--surface-lowest);border:1px solid var(--outline-ghost);color:var(--on-surface);font-family:var(--font-mono);transition:all .25s var(--ease-out);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.85rem}input[type=text]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{border-color:#4cd7f64d;box-shadow:0 0 0 3px #4cd7f60f,0 0 20px #4cd7f614}input[type=text]::placeholder,textarea::placeholder{color:var(--on-surface-dim);opacity:.6}select{background:var(--surface-lowest);border:1px solid var(--outline-ghost);color:var(--on-surface);font-family:var(--font-mono);cursor:pointer;transition:all .2s var(--ease-out);border-radius:8px;outline:none;padding:.4rem .6rem;font-size:.8rem}select:focus{border-color:#4cd7f64d;box-shadow:0 0 0 3px #4cd7f60f}table{border-collapse:separate;border-spacing:0}table thead tr{background:var(--surface-mid)}table thead th{letter-spacing:.5px;font-weight:600}table tbody tr{transition:background .15s}table tbody tr:hover{background:#4cd7f60a}.recharts-tooltip-wrapper{filter:drop-shadow(0 4px 16px #00000080)}.recharts-default-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070e1aeb!important;border:1px solid #4cd7f633!important;border-radius:8px!important}.metric-bar{background:var(--surface-lowest);border-radius:3px;height:6px;position:relative;overflow:hidden}.metric-bar:after{content:"";height:100%;transition:width .4s var(--ease-out);border-radius:3px;position:absolute;top:0;left:0}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-loading{background:linear-gradient(90deg, var(--surface-low) 25%, var(--surface-high) 50%, var(--surface-low) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s var(--ease-out) forwards}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #4cd7f626}50%{box-shadow:0 0 24px #4cd7f64d}}svg text{font-family:var(--font-mono)}.status-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.65rem;display:inline-flex}.status-pill.positive{background:var(--success-dim);color:var(--success);border:1px solid #4ade8033}.status-pill.negative{background:var(--error-dim);color:var(--accent-red);border:1px solid #ef444433}.status-pill.info{background:var(--primary-dim);color:var(--primary);border:1px solid #4cd7f633}.data-block{background:var(--surface-lowest);border:1px solid var(--outline-ghost);transition:border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:10px;padding:.75rem}.data-block:hover{border-color:#4cd7f626;box-shadow:0 0 16px #4cd7f60f}input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.section-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.section-header h2{letter-spacing:2px;margin:0;font-size:1rem}.readout{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--on-surface-dim);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.readout .value{color:var(--primary);font-weight:700}.readout .separator{background:var(--on-surface-dim);opacity:.5;border-radius:50%;width:3px;height:3px}