@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800;900&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Fira+Code:wght@300;400;500;600;700&family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-void:#04040e;--bg-base:#07071a;--bg-surface:#0b0b1e;--bg-elevated:#101028;--bg-hover:#161632;--bg-card:#0c0c20;--bg-card-hover:#111130;--border:#141432;--border-subtle:#0e0e24;--border-bright:#1e1e48;--border-glow:#00b4ff59;--border-green:#00ffaa4d;--text-primary:#e8e8ff;--text-secondary:#7878b0;--text-muted:#404070;--text-dim:#25254a;--accent:#00b4ff;--accent-bright:#00d4ff;--accent-dim:#0a4a7a;--accent-glow:#00b4ff24;--accent-deep:#00b4ff12;--accent-gradient:linear-gradient(135deg,#0080ff,#0ff);--accent-gradient-text:linear-gradient(135deg,#0080ff,#00d4ff,#0ff);--violet:#7c3aed;--violet-dim:#7c3aed1f;--violet-glow:#7c3aed40;--green:#0fa;--green-bright:#00ffc8;--green-dim:#00ffaa1a;--green-glow:#00ffaa47;--red:#f36;--red-bright:#ff5580;--red-dim:#ff33661a;--red-glow:#ff336638;--yellow:#f5c542;--yellow-dim:#f5c5421f;--blue:#3b9eff;--blue-dim:#3b9eff1f;--blue-glow:#3b9eff33;--gold:#f0c040;--silver:#a8b2c8;--bronze:#cd7f46;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff0f;--glass-blur:14px;--font-display:"Space Grotesk","Syne",sans-serif;--font-body:"DM Sans","Inter",sans-serif;--font-mono:"Fira Code","DM Mono",monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--shadow-sm:0 1px 4px #0009;--shadow-md:0 4px 20px #000000b3;--shadow-lg:0 8px 40px #000c;--shadow-glow:0 0 0 1px #00b4ff33,0 0 32px #00b4ff26;--shadow-card:0 2px 12px #00000080,inset 0 1px 0 #ffffff08;--shadow-green:0 0 0 1px #0fa3,0 0 24px #00ffaa26;--shadow-red:0 0 0 1px #f363,0 0 24px #ff336626;--shadow-neon:0 0 20px #00b4ff4d,0 0 60px #00b4ff1a;--sidebar-width:244px;--topbar-height:56px;--content-max:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#04040e;background:var(--bg-void);color:#e8e8ff;color:var(--text-primary);font-family:DM Sans,Inter,sans-serif;font-family:var(--font-body);font-size:14px;height:100%;line-height:1.5}body:before{animation:meshShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse 80% 50% at 20% 40%,#0080ff0f 0,#0000 60%),radial-gradient(ellipse 60% 60% at 80% 20%,#00ffff0a 0,#0000 50%),radial-gradient(ellipse 50% 70% at 50% 90%,#7c3aed0a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00b4ff4d,#00ffff26);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00b4ff80}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:DM Sans,Inter,sans-serif;font-family:var(--font-body)}input,select,textarea{color-scheme:dark}select option{background:#101028;background:var(--bg-elevated)}.mono{font-family:Fira Code,DM Mono,monospace;font-family:var(--font-mono)}.syne{font-family:Space Grotesk,Syne,sans-serif;font-family:var(--font-display)}.inter{font-family:DM Sans,Inter,sans-serif;font-family:var(--font-body)}.positive{color:#0fa;color:var(--green)}.negative{color:#f36;color:var(--red)}.neutral{color:#7878b0;color:var(--text-secondary)}.badge-elite{border-color:#f0c04066;color:#f0c040;color:var(--gold)}.badge-pro{border-color:#00d4ff66;color:#00d4ff;color:var(--accent-bright)}.badge-veteran{border-color:#3b9eff66;color:#3b9eff;color:var(--blue)}.badge-rookie{border-color:#1e1e48;border-color:var(--border-bright);color:#7878b0;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 12px #00b4ff40,0 0 0 1px #00b4ff1f}50%{box-shadow:0 0 28px #00b4ff8c,0 0 0 1px #00b4ff40}}@keyframes glowGreen{0%,to{box-shadow:0 0 10px #00ffaa40}50%{box-shadow:0 0 24px #00ffaa8c}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #00b4ff33,inset 0 0 15px #00b4ff0d}50%{box-shadow:0 0 30px #00b4ff66,inset 0 0 20px #00b4ff14}}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes meshShift{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes borderGlow{0%,to{border-color:#00b4ff26}50%{border-color:#00b4ff66}}@keyframes neonBorderFlow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes numberFlash{0%{color:#0fa;color:var(--green);text-shadow:0 0 12px #0fa;text-shadow:0 0 12px var(--green)}to{color:inherit;text-shadow:none}}@keyframes scanline{0%{opacity:.06;top:0}50%{opacity:.03}to{opacity:.06;top:100%}}@keyframes hudCornerPulse{0%,to{opacity:.4}50%{opacity:.8}}.neon-pulse-frame{animation:neon-pulse-anim 2s ease-in-out infinite}@keyframes neon-pulse-anim{0%,to{box-shadow:0 0 0 2px #00d4ff,0 0 12px #00d4ff60,0 0 24px #00d4ff20}50%{box-shadow:0 0 0 3px #00d4ff,0 0 22px #00d4ff90,0 0 40px #00d4ff35}}.golden-crown-frame{animation:crown-glow 2.5s ease-in-out infinite}@keyframes crown-glow{0%,to{box-shadow:0 0 0 1px #b8860b80,0 0 14px #f0c04050,inset 0 1px 2px #fff8dc4d}50%{box-shadow:0 0 0 2px #b8860ba0,0 0 22px #f0c04070,inset 0 1px 3px #fff8dc80}}.fire-ambient-pulse{animation:fire-ambient-pulse 1.2s ease-in-out infinite alternate}@keyframes fire-ambient-pulse{0%{opacity:.6}to{opacity:1}}.fire-ring-svg{animation:fire-svg-rotate 8s linear infinite}@keyframes fire-svg-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fire-ember-0{animation:ember-rise-0 1.8s ease-out infinite}.fire-ember-1{animation:ember-rise-1 2.2s ease-out infinite}.fire-ember-2{animation:ember-rise-2 1.5s ease-out infinite}@keyframes ember-rise-0{0%{opacity:.9;transform:translate(0) scale(1)}50%{opacity:.6;transform:translate(-3px,-6px) scale(.8)}to{opacity:0;transform:translate(-5px,-14px) scale(.3)}}@keyframes ember-rise-1{0%{opacity:.8;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(4px,-8px) scale(.7)}to{opacity:0;transform:translate(6px,-16px) scale(.2)}}@keyframes ember-rise-2{0%{opacity:.85;transform:translate(0) scale(1)}50%{opacity:.55;transform:translate(-2px,-5px) scale(.75)}to{opacity:0;transform:translate(-3px,-12px) scale(.25)}}.diamond-outer-glow{animation:dia-glow 3s ease-in-out infinite alternate}@keyframes dia-glow{0%{box-shadow:0 0 12px #c8d2ff1a,0 0 30px #b4c8ff0f}50%{box-shadow:0 0 20px #dce6ff33,0 0 45px #c8d7ff1f,0 0 60px #e6c8ff0f}to{box-shadow:0 0 16px #d2dcff26,0 0 35px #bed2ff1a}}.diamond-shimmer-sweep{animation:dia-sweep 5s linear infinite}@keyframes dia-sweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gem-sparkle-a{animation:gem-flash-a 2s ease-in-out infinite}@keyframes gem-flash-a{0%,to{r:0;opacity:.15}40%{opacity:1}50%{opacity:1}60%{opacity:.8}}.gem-sparkle-b{animation:gem-flash-b 2.6s ease-in-out infinite}@keyframes gem-flash-b{0%,to{opacity:.1}45%{opacity:.65}55%{opacity:.6}}.gem-prism{animation:gem-prism-flash 3s ease-in-out infinite}@keyframes gem-prism-flash{0%,to{opacity:.05}30%{opacity:.3}50%{opacity:.15}70%{opacity:.35}}.gem-star{animation:gem-star-flash 2.4s ease-in-out infinite}@keyframes gem-star-flash{0%,to{opacity:0}45%{opacity:.8}55%{opacity:.7}}.money-outer-glow{animation:money-glow 2s ease-in-out infinite alternate}@keyframes money-glow{0%{box-shadow:0 0 12px #1eb45026,0 0 28px #148c3c14}to{box-shadow:0 0 20px #28c85a40,0 0 44px #1ea0461f}}.money-ring-border{animation:money-border-pulse 3s ease-in-out infinite alternate}@keyframes money-border-pulse{0%{filter:brightness(.9)}to{filter:brightness(1.15)}}.money-spin{animation:money-rotate 12s linear infinite}@keyframes money-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.money-particle-0{animation:money-float 2.5s ease-in-out infinite;animation-delay:0s}.money-particle-1{animation:money-float 2.5s ease-in-out infinite;animation-delay:.6s}.money-particle-2{animation:money-float 2.5s ease-in-out infinite;animation-delay:1.2s}.money-particle-3{animation:money-float 2.5s ease-in-out infinite;animation-delay:1.8s}@keyframes money-float{0%,to{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8;transform:translateY(-8px) scale(1)}40%{opacity:.6;transform:translateY(-16px) scale(.9)}60%{opacity:.3;transform:translateY(-24px) scale(.7)}80%{opacity:0;transform:translateY(-30px) scale(.5)}}.rainbow-spin-outer{animation:rainbow-spin 4s linear infinite}.rainbow-spin-sparkle{animation:rainbow-spin 2.5s linear infinite reverse}@keyframes rainbow-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade{animation:fadeIn .3s ease forwards}.animate-slide{animation:slideIn .3s ease forwards}.animate-up{animation:slideUp .35s ease forwards}.animate-float{animation:float 3.5s ease-in-out infinite}.animate-glow{animation:glow 2.5s ease-in-out infinite}.animate-glow-green{animation:glowGreen 2s ease-in-out infinite}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#101028 25%,#161632 50%,#101028 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}.glass-card{backdrop-filter:blur(14px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff0f;border:1px solid var(--glass-border);border-radius:14px;border-radius:var(--radius-lg);transition:all .25s ease}.glass-card:hover{background:#ffffff0f;background:var(--glass-bg-hover);border-color:#00b4ff26;box-shadow:0 8px 32px #0006,0 0 0 1px #00b4ff14}.card-glow{transition:box-shadow .25s,border-color .25s,transform .2s}.card-glow:hover{border-color:#00b4ff59;border-color:var(--border-glow);box-shadow:0 0 0 1px #00b4ff33,0 0 32px #00b4ff26;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.card-premium{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0c0c2099;border:1px solid #ffffff0d;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000080,inset 0 1px 0 #ffffff08;box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:all .25s ease}.card-premium:before{background:linear-gradient(90deg,#0000,#00b4ff66,#00ffaa4d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.card-premium:hover:before{opacity:1}.card-premium:hover{border-color:#00b4ff33;box-shadow:0 8px 32px #00000080,0 0 0 1px #00b4ff1a;transform:translateY(-2px)}.hud-corners{position:relative}.hud-corners:after,.hud-corners:before{animation:hudCornerPulse 3s ease-in-out infinite;border-color:#00b4ff4d;border-style:solid;content:"";height:12px;pointer-events:none;position:absolute;width:12px}.hud-corners:before{border-width:1px 0 0 1px;left:-1px;top:-1px}.hud-corners:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0080ff,#00d4ff,#0ff);background:var(--accent-gradient-text);-webkit-background-clip:text;background-clip:text}.gradient-text-gold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0c040,#fd8);-webkit-background-clip:text;background-clip:text}.neon-cyan{color:#00d4ff;color:var(--accent-bright);text-shadow:0 0 10px #00d4ff80,0 0 30px #00b4ff33}.neon-green{color:#0fa;color:var(--green);text-shadow:0 0 10px #00ffaa47,0 0 20px #0fa3;text-shadow:0 0 10px var(--green-glow),0 0 20px #0fa3}.neon-purple{color:#7c3aed;color:var(--violet);text-shadow:0 0 10px #7c3aed40,0 0 20px #7c3aed33;text-shadow:0 0 10px var(--violet-glow),0 0 20px #7c3aed33}.neon-red{color:#f36;color:var(--red);text-shadow:0 0 10px #ff336638,0 0 20px #f363;text-shadow:0 0 10px var(--red-glow),0 0 20px #f363}.glow-text{text-shadow:0 0 8px currentColor}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a1cb3;border:1px solid #ffffff0f}.neon-border{position:relative}.neon-border:before{animation:neonBorderFlow 3s linear infinite;background:linear-gradient(90deg,#0080ff,#0ff,#0080ff,#0ff);background-size:200% 100%;border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .3s;z-index:-1}.neon-border:hover:before{opacity:.6}.live-dot{animation:pulse 1.6s ease-in-out infinite;box-shadow:0 0 8px #0fa,0 0 16px #00ffaa4d;box-shadow:0 0 8px var(--green),0 0 16px #00ffaa4d;display:inline-block;height:7px;position:relative;width:7px}.live-dot,.live-dot:after{background:#0fa;background:var(--green);border-radius:50%}.live-dot:after{animation:pulseRing 1.6s ease-out infinite;content:"";inset:-3px;opacity:.3;position:absolute}.ticker-wrap{overflow:hidden;white-space:nowrap}.ticker-inner{animation:ticker 28s linear infinite;display:inline-flex;gap:40px}.price-up{color:#0fa;color:var(--green)}.price-down,.price-up{font-family:Fira Code,DM Mono,monospace;font-family:var(--font-mono);font-size:.9em}.price-down{color:#f36;color:var(--red)}.gradient-border{position:relative}.gradient-border:before{background:linear-gradient(135deg,#0080ff80,#00ffff4d);border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .25s;z-index:-1}.gradient-border:hover:before{opacity:1}.stat-flash{animation:numberFlash .6s ease-out forwards}.divider{background:linear-gradient(90deg,#0000,#00b4ff33,#0000);height:1px;margin:16px 0}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.section-header-line{background:linear-gradient(90deg,#141432,#0000);background:linear-gradient(90deg,var(--border),#0000);flex:1 1;height:1px}.chip{align-items:center;border-radius:20px;display:inline-flex;font-family:Space Grotesk,Syne,sans-serif;font-family:var(--font-display);font-size:11px;font-weight:600;gap:5px;letter-spacing:.05em;padding:3px 10px}.chip-accent{background:#00b4ff24;background:var(--accent-glow);border:1px solid #00b4ff40;color:#00d4ff;color:var(--accent-bright)}.chip-green{background:#00ffaa1a;background:var(--green-dim);border:1px solid #0fa3;color:#0fa;color:var(--green)}.chip-red{background:#ff33661a;background:var(--red-dim);border:1px solid #f363;color:#f36;color:var(--red)}.chip-muted{background:#ffffff0a;border:1px solid #141432;border:1px solid var(--border);color:#7878b0;color:var(--text-secondary)}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{color:#404070;color:var(--text-muted);font-family:Space Grotesk,Syne,sans-serif;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.1em;padding:8px 12px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #0e0e24;border-bottom:1px solid var(--border-subtle)}.data-table td{color:#e8e8ff;color:var(--text-primary);padding:11px 12px;transition:background .12s}.data-table tr:hover td{background:#00b4ff0a}.data-table tr:last-child td{border-bottom:none}.input-field{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10102899;border:1px solid #141432;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#e8e8ff;color:var(--text-primary);font-family:DM Sans,Inter,sans-serif;font-family:var(--font-body);font-size:13px;outline:none;padding:10px 14px;transition:all .2s;width:100%}.input-field:focus{background:#00b4ff0d;border-color:#00b4ff80;box-shadow:0 0 0 3px #00b4ff1a,0 0 20px #00b4ff14}.input-field::placeholder{color:#404070;color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,#0080ff,#0ff);background:var(--accent-gradient);border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 0 24px #00b4ff4d;color:#040410;cursor:pointer;font-family:Space Grotesk,Syne,sans-serif;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.05em;padding:10px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 0 36px #00b4ff80,0 0 60px #00ffff26;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:#ffffff08;border:1px solid #141432;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#7878b0;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:9px 18px;transition:all .15s}.btn-ghost:hover{background:#00b4ff0f;border-color:#00b4ff33;color:#e8e8ff;color:var(--text-primary)}.btn-green{background:#00ffaa14;border:1px solid #0fa3;border-radius:10px;border-radius:var(--radius-md);color:#0fa;color:var(--green);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.btn-green:hover{background:#00ffaa26;box-shadow:0 0 20px #0fa3}.btn-red{background:#ff336614;border:1px solid #f363;border-radius:10px;border-radius:var(--radius-md);color:#f36;color:var(--red);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.btn-red:hover{background:#ff336626;box-shadow:0 0 20px #f363}.page-container{animation:fadeIn .28s ease;margin:0 auto;max-width:1280px;max-width:var(--content-max);padding:28px 32px}.page-title{color:#e8e8ff;color:var(--text-primary);font-family:Space Grotesk,Syne,sans-serif;font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.page-subtitle{color:#7878b0;color:var(--text-secondary);font-size:13px}.stat-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0c0c2080;border:1px solid #ffffff0d;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 2px 12px #00000080,inset 0 1px 0 #ffffff08;box-shadow:var(--shadow-card);overflow:hidden;padding:18px 20px;position:relative;transition:all .25s ease}.stat-card:hover{border-color:#00b4ff33;box-shadow:0 0 0 1px #00b4ff33,0 0 32px #00b4ff26;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card:after{background:linear-gradient(90deg,#0000,#00b4ff59,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s}.stat-card:hover:after{opacity:1}.spinner{animation:spin .7s linear infinite;border:2px solid #00b4ff26;border-radius:50%;border-top:2px solid var(--accent);display:inline-block;height:18px;width:18px}.empty-state{color:#404070;color:var(--text-muted);padding:52px 24px;text-align:center}.empty-state-icon{font-size:36px;margin-bottom:14px;opacity:.4}.empty-state-title{color:#7878b0;color:var(--text-secondary);font-family:Space Grotesk,Syne,sans-serif;font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:6px}.empty-state-text{color:#404070;color:var(--text-muted);font-size:13px}.terminal-number{font-family:Fira Code,DM Mono,monospace;font-family:var(--font-mono);font-size:22px;font-weight:500;letter-spacing:-.02em}.scan-line-header{overflow:hidden;position:relative}.scan-line-header:after{animation:scanline 4s linear infinite;background:linear-gradient(90deg,#0000,#00d4ff99,#0000);content:"";height:1px;left:0;position:absolute;right:0}.app-shell{background:var(--bg-void);height:100vh}.app-shell,.sidebar{display:flex;overflow:hidden}.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#08081ad9;border-right:1px solid #00b4ff0f;flex-direction:column;min-width:var(--sidebar-width);position:relative;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width);z-index:100}.sidebar:before{background:linear-gradient(180deg,#0080ff0f,#0000);height:280px;top:0}.sidebar:after,.sidebar:before{content:"";left:0;pointer-events:none;position:absolute;right:0;z-index:0}.sidebar:after{background:linear-gradient(0deg,#00ffff05,#0000);bottom:0;height:120px}.app-shell.collapsed .sidebar{min-width:60px;width:60px}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:18px 14px;position:relative;z-index:1}.logo{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:4px;transition:background .15s;-webkit-user-select:none;user-select:none}.logo:hover{background:#00b4ff0f}.logo-mark{align-items:center;background:var(--accent-gradient);border-radius:9px;box-shadow:0 0 22px #00b4ff80,0 0 44px #0080ff33,0 2px 6px #00000080;color:#040410;display:flex;flex-shrink:0;font-family:var(--font-display);font-size:17px;font-weight:900;height:34px;justify-content:center;transition:box-shadow .2s;width:34px}.logo:hover .logo-mark{box-shadow:0 0 30px #00b4ffb3,0 0 60px #00ffff40}.logo-text{-webkit-text-fill-color:#0000;background:var(--accent-gradient-text);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.sidebar-nav{flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:10px 8px;z-index:1}.nav-item,.sidebar-nav{display:flex;position:relative}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;font-weight:500;gap:10px;letter-spacing:.01em;padding:9px 11px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.nav-item:hover{background:#00b4ff0f;color:var(--text-secondary)}.nav-item:hover .nav-icon{filter:drop-shadow(0 0 4px rgba(0,212,255,.4))}.nav-item.active{background:linear-gradient(90deg,#00b4ff24,#0080ff0a);color:var(--accent-bright);font-weight:600}.nav-item.active:before{background:linear-gradient(180deg,#0080ff,#0ff);border-radius:0 3px 3px 0;bottom:18%;box-shadow:0 0 10px #00b4ff99,0 0 20px #0ff3;content:"";left:0;position:absolute;top:18%;width:3px}.nav-item.active:after{background:linear-gradient(270deg,#00b4ff0d,#0000);border-radius:0 var(--radius-md) var(--radius-md) 0;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:55%}.nav-icon{flex-shrink:0;font-size:16px;line-height:1;text-align:center;transition:transform .15s,filter .15s;width:22px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{transform:scale(1.2)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px rgba(0,212,255,.7))}.nav-label{font-family:var(--font-body);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis}.nav-divider{background:linear-gradient(90deg,#0000,#00b4ff1a,#0000);height:1px;margin:8px 6px}.sidebar-footer{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px;padding:10px 8px;position:relative;z-index:1}.sidebar-user{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:8px 11px;transition:background .15s}.sidebar-user:hover{background:#00b4ff0f}.sidebar-user-info{flex:1 1;min-width:0;overflow:hidden}.sidebar-user-name{color:var(--text-primary);font-family:var(--font-display);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-badge{color:var(--accent-bright);font-family:var(--font-display);font-size:10px;letter-spacing:.1em;margin-top:1px;text-shadow:0 0 8px #00d4ff66;text-transform:uppercase}.logout-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);display:flex;font-size:13px;gap:10px;letter-spacing:.01em;padding:8px 11px;transition:all .15s;white-space:nowrap;width:100%}.logout-btn:hover{background:var(--red-dim);box-shadow:inset 0 0 20px #ff33660f;color:var(--red)}.market-ticker{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#08081abf;border-bottom:1px solid #00b4ff0f;display:flex;flex-shrink:0;height:32px;overflow:hidden;padding:0 20px;position:relative}.market-ticker:after,.market-ticker:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:64px;z-index:2}.market-ticker:before{background:linear-gradient(90deg,#08081ae6,#0000);left:0}.market-ticker:after{background:linear-gradient(270deg,#08081ae6,#0000);right:0}.ticker-item{align-items:center;display:inline-flex;font-family:var(--font-mono);font-size:11px;gap:7px;padding:0 4px;white-space:nowrap}.ticker-symbol{color:var(--text-primary);font-family:var(--font-display);font-size:10.5px;font-weight:600;letter-spacing:.03em}.main-content{background:var(--bg-void);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.main-content:before{background-image:linear-gradient(rgba(0,180,255,.015) 1px,#0000 0),linear-gradient(90deg,rgba(0,180,255,.015) 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:var(--sidebar-width);pointer-events:none;position:fixed;right:0;top:32px;z-index:0}.page-wrapper{flex:1 1;position:relative;z-index:1}.app-shell.collapsed .logo-text,.app-shell.collapsed .logout-btn span:last-child,.app-shell.collapsed .nav-label,.app-shell.collapsed .sidebar-user-info{display:none}.app-shell.collapsed .nav-item{justify-content:center;padding:10px}.app-shell.collapsed .logout-btn,.app-shell.collapsed .sidebar-user{justify-content:center}.app-shell.collapsed .main-content:before{left:60px}