:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--card-bg: rgba(17, 17, 24, .7);--hover-bg: rgba(255, 255, 255, .03);--input-bg: rgba(0, 0, 0, .4);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .8)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--card-bg: #ffffff;--hover-bg: rgba(59, 130, 246, .08);--input-bg: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .2)}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}*{scroll-behavior:smooth}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:active{transform:scale(.98)}[data-theme=light] input{border:1px solid #e2e8f0}[data-theme=light] input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.glass-morphism{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=light] .glass-morphism{background:#ffffffe6;border:1px solid rgba(0,0,0,.05)}.premium-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-bottom-5{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-from-bottom-20{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation-fill-mode:both}.fade-in{animation:fade-in .3s ease}.slide-in-from-bottom-5{animation:slide-in-from-bottom-5 .3s ease}.slide-in-from-bottom-20{animation:slide-in-from-bottom-20 .3s ease}.duration-300{animation-duration:.3s}.active\:scale-95:active{transform:scale(.95)}.active\:scale-98:active{transform:scale(.98)}.active\:scale-90:active{transform:scale(.9)}[data-theme=light] .text-slate-400,[data-theme=light] .text-slate-500{color:#64748b}[data-theme=light] .text-slate-600{color:#475569}[data-theme=light] .text-slate-700{color:#334155}[data-theme=light] svg{opacity:.9}[data-theme=light] .group:hover svg{opacity:1}[data-theme=light]{--bg-primary: #F8FAFC;--bg-secondary: #F1F5F9;--card-bg: #FFFFFF;--hover-bg: rgba(37, 99, 235, .08);--input-bg: #F1F5F9;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-muted: #94A3B8;--primary-color: #2563EB;--primary-hover: #1D4ED8;--primary-accent: #DBEAFE;--success: #16A34A;--danger: #DC2626;--neutral: #64748B;--border-color: #E2E8F0;--border-hover: #CBD5E1;--border-focus: #2563EB;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}[data-theme=light] svg{color:var(--icon-color)!important;opacity:1!important}[data-theme=light] .lucide,[data-theme=light] [class*=icon]{color:var(--icon-color)!important;opacity:1!important}[data-theme=light] button{color:var(--text-primary);border-color:var(--border-color)}[data-theme=light] button:hover{background:var(--hover-bg);border-color:var(--border-hover)}[data-theme=light] .card,[data-theme=light] [class*=card],[data-theme=light] [class*=container]{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}[data-theme=light] .balance,[data-theme=light] [class*=balance],[data-theme=light] [class*=amount]{color:#0f172a!important;font-weight:700}[data-theme=light] .profit,[data-theme=light] .text-emerald-500,[data-theme=light] .text-green-500{color:#059669!important}[data-theme=light] .loss,[data-theme=light] .text-rose-500,[data-theme=light] .text-red-500{color:#dc2626!important}[data-theme=light] .asset-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}[data-theme=light] .asset-name{color:#0f172a;font-weight:600}[data-theme=light] .asset-price{color:#0f172a;font-weight:700}[data-theme=light] .asset-change{font-weight:600}[data-theme=light] .nav-bar,[data-theme=light] [class*=navigation]{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 10px #0000000d}[data-theme=light] .nav-item{color:#64748b}[data-theme=light] .nav-item.active,[data-theme=light] .nav-item:hover{color:#3b82f6}[data-theme=light] .nav-item svg{opacity:1}[data-theme=light] .action-button{background:#fff;border:2px solid #e2e8f0;color:#0f172a;box-shadow:0 2px 4px #0000000d}[data-theme=light] .action-button:hover{border-color:#3b82f6;background:#f8fafc}[data-theme=light] .action-button svg{color:#3b82f6;opacity:1}[data-theme=light] .action-button span{color:#0f172a;font-weight:600}[data-theme=light] .premium-gradient,[data-theme=light] [class*=gradient],[data-theme=light] .balance-card{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}[data-theme=light] .balance-card *{color:#fff!important}[data-theme=light] .portfolio-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 2px 8px #0000000d}[data-theme=light] .portfolio-header{color:#0f172a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em}[data-theme=light] .weight-indicator{color:#475569;font-weight:600}[data-theme=light] *:not(.premium-gradient *:not(img)){border-color:#e2e8f0}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#0f172a!important}[data-theme=light] p,[data-theme=light] span:not([class*=text-]):not(.balance-card span):not(.premium-gradient span){color:#334155!important}[data-theme=light] .text-slate-400,[data-theme=light] .text-slate-500,[data-theme=light] .text-slate-600,[data-theme=light] .text-gray-400,[data-theme=light] .text-gray-500{color:#475569!important}[data-theme=light] .nav-item,[data-theme=light] [class*=nav] svg,[data-theme=light] .navigation-item{color:#64748b!important;opacity:1!important}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item.active{color:#3b82f6!important}[data-theme=light] .nav-item span,[data-theme=light] [class*=nav] span{color:#64748b!important;font-weight:600}[data-theme=light] .nav-item.active span,[data-theme=light] .nav-item:hover span{color:#3b82f6!important}[data-theme=light] .chart text,[data-theme=light] [class*=chart] text,[data-theme=light] .axis text,[data-theme=light] .tick text{fill:#475569!important;font-weight:500}[data-theme=light] .chart-label,[data-theme=light] [class*=label]{color:#334155!important;font-weight:600}[data-theme=light] .action-button span,[data-theme=light] .action-label,[data-theme=light] [class*=action] span{color:#334155!important;font-weight:700}[data-theme=light] .action-button svg{color:#3b82f6!important;opacity:1!important}[data-theme=light] .subtitle,[data-theme=light] .secondary-label,[data-theme=light] .asset-exchange,[data-theme=light] [class*=subtitle],[data-theme=light] [class*=exchange]{color:#64748b!important;font-weight:600}[data-theme=light] .text-xs,[data-theme=light] .text-sm{color:#64748b!important}[data-theme=light] .section-title,[data-theme=light] .hot-assets-label,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5{color:#0f172a!important;font-weight:700}[data-theme=light] .filter-pill{color:#334155!important;background:#f1f5f9;border:1px solid #e2e8f0;font-weight:700}[data-theme=light] .filter-pill.active{color:#fff!important;background:#3b82f6;border-color:#3b82f6}[data-theme=light] input::placeholder{color:#94a3b8!important;opacity:1}[data-theme=light] input{color:#0f172a!important;background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] input:focus{border-color:#3b82f6;background:#fff}[data-theme=light] .weight-text,[data-theme=light] [class*=weight]{color:#475569!important;font-weight:700}
