@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@400;600;700&display=swap";:root{--bg: #0b1026;--bg2: #0e153a;--panel: #121735;--panelElevated: #171d41;--text: #e7e9ff;--muted: #9aa1c2;--border: rgba(231, 233, 255, .08);--accent: #a78bfa;--accent2: #22d3ee;--good: #34d399;--bad: #f87171;--tickerBg: linear-gradient(90deg, rgba(167,139,250,.12), rgba(34,211,238,.12))}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}#root{position:relative;z-index:1}@property --p1x{syntax: "<percentage>"; inherits: true; initial-value: 10%;}@property --p1y{syntax: "<percentage>"; inherits: true; initial-value: 15%;}@property --p2x{syntax: "<percentage>"; inherits: true; initial-value: 85%;}@property --p2y{syntax: "<percentage>"; inherits: true; initial-value: 20%;}@property --p3x{syntax: "<percentage>"; inherits: true; initial-value: 30%;}@property --p3y{syntax: "<percentage>"; inherits: true; initial-value: 85%;}@property --q1x{syntax: "<percentage>"; inherits: true; initial-value: 15%;}@property --q1y{syntax: "<percentage>"; inherits: true; initial-value: 25%;}@property --q2x{syntax: "<percentage>"; inherits: true; initial-value: 75%;}@property --q2y{syntax: "<percentage>"; inherits: true; initial-value: 35%;}@property --q3x{syntax: "<percentage>"; inherits: true; initial-value: 45%;}@property --q3y{syntax: "<percentage>"; inherits: true; initial-value: 80%;}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1000px 700px at var(--p1x) var(--p1y),rgba(167,139,250,.16),transparent 65%),radial-gradient(1100px 800px at var(--p2x) var(--p2y),rgba(34,211,238,.16),transparent 65%),radial-gradient(900px 700px at var(--p3x) var(--p3y),rgba(244,114,182,.1),transparent 70%);background-repeat:no-repeat;background-size:120% 120%,120% 120%,120% 120%;will-change:background-position,background-size,filter,opacity;filter:blur(28px) saturate(110%);opacity:.9;transition:--p1x var(--p1d, 48s) ease-in-out,--p1y var(--p1d, 48s) ease-in-out,--p2x var(--p2d, 52s) ease-in-out,--p2y var(--p2d, 52s) ease-in-out,--p3x var(--p3d, 50s) ease-in-out,--p3y var(--p3d, 50s) ease-in-out}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(800px 600px at var(--q1x) var(--q1y),rgba(167,139,250,.1),transparent 65%),radial-gradient(850px 650px at var(--q2x) var(--q2y),rgba(34,211,238,.1),transparent 65%),radial-gradient(700px 600px at var(--q3x) var(--q3y),rgba(244,114,182,.08),transparent 70%);background-repeat:no-repeat;background-size:140% 140%,140% 140%,140% 140%;will-change:background-position,background-size,filter,opacity;filter:blur(36px) saturate(105%);opacity:.7;transition:--q1x var(--q1d, 60s) ease-in-out,--q1y var(--q1d, 60s) ease-in-out,--q2x var(--q2d, 68s) ease-in-out,--q2y var(--q2d, 68s) ease-in-out,--q3x var(--q3d, 64s) ease-in-out,--q3y var(--q3d, 64s) ease-in-out}h1,h2,h3,h4{font-family:Audiowide,Inter,system-ui,sans-serif;letter-spacing:.5px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040}button{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease}button:hover{transform:translateY(-1px);border-color:#a78bfa73;box-shadow:0 6px 20px #a78bfa2e,0 0 0 1px #22d3ee2e inset}button:disabled{opacity:.55;cursor:not-allowed}input,select{background:var(--panelElevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px}input::placeholder{color:var(--muted)}table{color:var(--text)}th,td{border-color:var(--border)!important}thead tr,tbody tr:hover{background:#ffffff08}.ticker{background:var(--tickerBg);color:var(--text);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}*::-webkit-scrollbar-track{background:#ffffff0a}.muted{color:var(--muted)}.accent{color:var(--accent)}.glow{text-shadow:0 0 8px rgba(167,139,250,.6),0 0 16px rgba(34,211,238,.4)}
