@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-void: #080b0f;--bg-base: #0d1117;--bg-surface: #131920;--bg-elevated: #1a2230;--bg-highlight: #1f2d40;--border-subtle: rgba(255,255,255,.06);--border-default: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--accent: #f0a500;--accent-dim: rgba(240,165,0,.15);--accent-glow: rgba(240,165,0,.3);--green: #22c55e;--green-dim: rgba(34,197,94,.12);--amber: #f59e0b;--amber-dim: rgba(245,158,11,.12);--red: #ef4444;--red-dim: rgba(239,68,68,.12);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.12);--pos-qb: #a78bfa;--pos-rb: #34d399;--pos-wr: #60a5fa;--pos-te: #fb923c;--pos-pk: #94a3b8;--pos-dt: #f87171;--pos-de: #f87171;--pos-lb: #fbbf24;--pos-cb: #a3e635;--pos-s: #38bdf8;--pos-def: #8b5cf6;--font-display: "Bebas Neue", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Inter", sans-serif;--text-primary: rgba(255,255,255,.92);--text-secondary: rgba(255,255,255,.55);--text-muted: rgba(255,255,255,.3);--sidebar-width: 220px;--header-height: 56px;--radius: 6px;--radius-lg: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);letter-spacing:.05em}.pos-QB{color:var(--pos-qb);background:#a78bfa1f}.pos-RB{color:var(--pos-rb);background:#34d3991f}.pos-WR{color:var(--pos-wr);background:#60a5fa1f}.pos-TE{color:var(--pos-te);background:#fb923c1f}.pos-PK{color:var(--pos-pk);background:#94a3b81f}.pos-DT{color:var(--pos-dt);background:#f871711f}.pos-DE{color:var(--pos-de);background:#f871711f}.pos-LB{color:var(--pos-lb);background:#fbbf241f}.pos-CB{color:var(--pos-cb);background:#a3e6351f}.pos-S{color:var(--pos-s);background:#38bdf81f}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.hover-elevated{transition:background .15s;cursor:pointer}.hover-elevated:hover{background:var(--bg-elevated)!important}.hover-accent{transition:color .15s}.hover-accent:hover{color:var(--accent)}.sidebar{transition:transform .25s ease}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:90;animation:fadeIn .2s ease;display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:6px 0 32px #000000bf}.sidebar-backdrop{display:block}}.app-main{margin-left:var(--sidebar-width);flex:1;overflow:auto;padding:28px 32px;background:var(--bg-void);min-width:0}@media (max-width: 768px){.app-main{margin-left:0;padding:0 16px 32px}}.mobile-topbar{display:none;align-items:center;gap:12px;padding:14px 0 12px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;position:sticky;top:0;background:var(--bg-void);z-index:10}@media (max-width: 768px){.mobile-topbar{display:flex}}.btn-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);color:var(--text-secondary);font-size:20px;flex-shrink:0;transition:all .15s;background:none;border:none;cursor:pointer}.btn-hamburger:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width: 768px){.btn-hamburger{display:flex}}.tab-bar{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.tab-bar::-webkit-scrollbar{display:none}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 640px){.grid-stats{grid-template-columns:repeat(2,1fr)}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.two-panel{display:flex;gap:16px;min-height:calc(100vh - 200px)}.two-panel-list{width:260px;flex-shrink:0;overflow-y:auto}.two-panel-detail{flex:1;overflow-y:auto;min-width:0}@media (max-width: 768px){.two-panel{flex-direction:column}.two-panel-list{width:100%;overflow-y:visible}.two-panel-detail{overflow-y:visible}}.profile-layout{display:flex;gap:24px;align-items:flex-start}.profile-sidebar{width:160px;flex-shrink:0}.profile-content{flex:1;min-width:0}@media (max-width: 640px){.profile-layout{flex-direction:column}.profile-sidebar{width:100%}}.trade-layout{display:flex;flex-direction:column;height:calc(100vh - 90px)}.trade-panels{flex:1;display:flex;gap:12px;min-height:0}@media (max-width: 768px){.trade-layout{height:auto}.trade-panels{flex-direction:column;min-height:0;gap:8px}}.trade-summary-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.trade-summary-cols{grid-template-columns:1fr}}.nav-item{transition:background .12s,color .12s}.nav-item:hover{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.nav-item.active{background:var(--accent-dim)!important;color:var(--accent)!important}