:root{--bg: #0b0f14;--panel: #121824;--panel-2: #0f1721;--text: #d9e1ea;--muted: #93a4b5;--accent: #47b3ff;--accent-2: #79f2c0;--warn: #ffb020;--danger: #ff6b6b;--good: #40d98b;--grid: rgba(255, 255, 255, .06);--shadow: rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at 20% 20%,#1a2431,#0b0f14 60%);color:var(--text)}#root{min-height:100vh}.app{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(420px,1.6fr) minmax(320px,1.2fr);gap:16px;padding:18px}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#1d2633,#111824);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 10px 30px var(--shadow)}.header h1{margin:0;font-size:20px;letter-spacing:.5px}.header .mode{display:inline-flex;align-items:center;gap:10px}.panel{background:linear-gradient(180deg,#141c28,#0e151f);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;box-shadow:0 10px 30px var(--shadow)}.panel.chart-grid{align-self:start}.panel h2{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}.controls{display:grid;gap:12px}.control-group{display:grid;gap:6px;padding:10px;background:var(--panel-2);border-radius:10px;border:1px solid rgba(255,255,255,.05)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.control-row label{color:var(--muted)}.control-row input[type=range]{width:100%}.control-row input[type=number],.control-row select,.control-row input[type=text]{width:120px;background:#0b111a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 8px;color:var(--text)}button{background:#1b2736;color:var(--text);border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}button.primary{background:linear-gradient(135deg,#2a7bdc,#47b3ff);color:#06111b}button.ghost{background:transparent}button:disabled{opacity:.5;cursor:not-allowed}.badge{padding:2px 6px;border-radius:999px;font-size:11px;background:#ffffff1a;color:var(--text)}.badge.warn{background:#ffb02033;color:var(--warn)}.badge.danger{background:#ff6b6b33;color:var(--danger)}.diagram{height:760px;position:relative}.diagram svg{width:100%;height:100%}.chart-grid{display:grid;gap:6px;align-content:start}.chart{height:88px;background:#0b111a;border-radius:10px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.chart canvas{width:100%;height:100%}.stats{display:grid;gap:8px;font-size:13px}.stat{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.stat strong{color:var(--text)}.footer-controls{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 1200px){.app{grid-template-columns:1fr}}