:root{--font-family:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#090d16;--bg-secondary:#111827;--card-bg:#1f2937;--card-border:rgba(255,255,255,.08);--primary:#7494ea;--primary-hover:#5d7ecc;--primary-gradient:linear-gradient(135deg, #7494ea 0%, #90aeff 100%);--accent-green:#22c55e;--accent-red:#ef4444;--accent-orange:#f97316;--accent-grey:#64748b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--shadow-premium:0 20px 25px -5px rgba(0,0,0,.15), 0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;width:100%;max-width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-height:100vh;display:flex}.sidebar-desktop{background-color:var(--bg-secondary);border-right:1px solid var(--card-border);z-index:100;flex-direction:column;width:260px;height:100vh;padding:24px;display:flex;position:-webkit-sticky;position:sticky;top:0}.sidebar-desktop nav{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) rgba(255,255,255,.02)}.sidebar-desktop nav::-webkit-scrollbar{width:6px}.sidebar-desktop nav::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:4px}.sidebar-desktop nav::-webkit-scrollbar-thumb{background:rgba(99,102,241,.35);border:1px solid transparent;border-radius:4px}.sidebar-desktop nav::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.65)}.main-content{background-color:var(--bg-primary);height:100vh;transition:all var(--transition-normal);flex-direction:column;flex:1;padding:32px;display:flex;overflow-y:auto}.mobile-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--card-border);z-index:90;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190;background-color:rgba(0,0,0,.6);position:fixed;top:0;bottom:0;left:0;right:0}.mobile-drawer{background-color:var(--bg-secondary);border-right:1px solid var(--card-border);z-index:200;width:280px;transition:transform var(--transition-normal);flex-direction:column;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:-280px}.mobile-drawer.open{transform:translate(280px)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.mobile-menu-btn:hover{background-color:rgba(255,255,255,.05)}@media (max-width:1024px){.sidebar-desktop{display:none!important}.app-shell{flex-direction:column;min-height:100vh}.main-content{height:auto;min-height:100vh;padding:84px 16px 24px;overflow-y:visible}.mobile-header{display:flex}}h1,h2,h3,h4,h5{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--card-border);width:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-family);transition:all var(--transition-fast);background-color:rgba(255,255,255,.03);border-radius:8px;padding:12px 16px}.form-input:focus{border-color:var(--primary);background-color:rgba(255,255,255,.05);outline:none;box-shadow:0 0 0 3px rgba(116,148,234,.15)}.btn{cursor:pointer;transition:all var(--transition-fast);font-size:.95rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px rgba(116,148,234,.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(116,148,234,.4)}.btn-secondary{color:var(--text-primary);border:1px solid var(--card-border);background-color:rgba(255,255,255,.05)}.btn-secondary:hover{background-color:rgba(255,255,255,.08)}.btn-green{background-color:var(--accent-green);color:#fff;box-shadow:0 4px 14px rgba(34,197,94,.3)}.btn-green:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(34,197,94,.4)}.btn-red{background-color:var(--accent-red);color:#fff;box-shadow:0 4px 14px rgba(239,68,68,.3)}.btn-red:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(239,68,68,.4)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-premium);transition:transform var(--transition-fast);border-radius:16px;padding:24px}.tab-bar-container{white-space:nowrap;scrollbar-width:none;gap:12px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.tab-bar-container::-webkit-scrollbar{display:none}.tab-item{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:rgba(255,255,255,.04);border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:600}.tab-item.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(116,148,234,.2)}.badge{border-radius:30px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-loss{color:var(--accent-red);background-color:rgba(239,68,68,.1)}.badge-gain{color:var(--accent-green);background-color:rgba(34,197,94,.1)}.badge-accurate{color:var(--text-secondary);background-color:rgba(100,116,139,.1)}.shimmer{background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer-anim}@keyframes shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--card-bg:#fff;--card-border:rgba(15,23,42,.08);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--primary-gradient:linear-gradient(135deg, #7494ea 0%, #5d7ecc 100%)}.light-theme .form-input{color:var(--text-primary);background-color:rgba(15,23,42,.02)}.light-theme .form-input:focus{background-color:#fff}.light-theme .btn-secondary{color:var(--text-primary);background-color:#f1f5f9}.light-theme .btn-secondary:hover{background-color:#e2e8f0}.light-theme .shimmer{background:linear-gradient(90deg,rgba(15,23,42,.03) 25%,rgba(15,23,42,.06) 50%,rgba(15,23,42,.03) 75%) 0 0/200% 100%}.grid-2{grid-template-columns:1fr 1fr;display:grid}.grid-1-13{grid-template-columns:1fr 1.3fr;display:grid}.grid-12-08{grid-template-columns:1.2fr .8fr;display:grid}.grid-15-1{grid-template-columns:1.5fr 1fr;display:grid}@media (max-width:768px){.grid-2,.grid-1-13,.grid-12-08,.grid-15-1{grid-template-columns:1fr!important}}