:root{--bg:#0a0b10;--panel:#11131a;--ink:#b8c1ff;--accent:#8a5cff;--grid:#1b1e29;--good:#00e08a;--bad:#ff3b6b}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(90vw 80vh at 80% -10%,rgba(138,92,255,.2),transparent 60%),var(--bg);color:var(--ink)}.header{display:flex;gap:12px;align-items:center;padding:14px 18px;background:linear-gradient(180deg,rgba(138,92,255,.08),transparent 40%),var(--panel);border-bottom:1px solid var(--grid)}.badge{padding:3px 8px;border:1px solid var(--grid);border-radius:999px;font-weight:600;letter-spacing:.4px}.container{max-width:1300px;margin:0 auto;padding:18px}.card{background:var(--panel);border:1px solid var(--grid);border-radius:16px;padding:16px;box-shadow:0 10px 40px #8a5cff12}.row{display:flex;gap:16px}.chart{height:620px}.legend{display:flex;gap:12px;padding:8px 0}.legend .dot{width:10px;height:10px;border-radius:2px;display:inline-block;margin-right:6px}.legend .long .dot{background:var(--good)}.legend .short .dot{background:var(--bad)}.btn{background:transparent;color:var(--ink);border:1px solid var(--grid);padding:8px 12px;border-radius:10px;cursor:pointer}.btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px #8a5cff26}:root{--bg: #0b0f1a;--panel: #111628;--ink: #e7e9ff;--ink-dim: #b8c1ff;--grid: #1b2135;--accent: #7c5cff;--accent-2: #58b8ff;--ok: #00e08a;--bad: #ff3b6b;--border: #20263d;--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 80% -10%,rgba(124,92,255,.12),transparent),radial-gradient(900px 600px at -10% 90%,rgba(88,184,255,.1),transparent),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#0b0f1aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.badge{padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#7c5cff24,#7c5cff0a);color:var(--ink);font-weight:600}.btn,select{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--ink);outline:none;cursor:pointer;box-shadow:var(--shadow)}.btn:hover,select:hover{border-color:var(--grid)}.container{padding:16px 20px 40px;max-width:1280px;margin:0 auto}.row{display:grid;grid-template-columns:1fr;gap:16px}.card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#111628e6,#111628cc);box-shadow:var(--shadow);overflow:hidden}.card.chart{height:70vh}h2{margin:0}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.text-center{text-align:center}