:root{--primary: #006AD9;--primary-50: #E6F1FD;--primary-100: #C3DDFB;--primary-200: #8AC0F8;--primary-300: #519FF4;--primary-400: #1F84F0;--primary-500: #006AD9;--primary-600: #0059B3;--primary-700: #00478D;--primary-800: #003567;--primary-900: #002341;--secondary: #4A9D7F;--secondary-50: #E8F5F0;--secondary-100: #D1EBE1;--secondary-200: #A3D7C3;--secondary-300: #76C3A5;--secondary-400: #4A9D7F;--secondary-500: #3C7F65;--tertiary: #627EEA;--tertiary-50: #EDF0FC;--tertiary-100: #DBE1F9;--accent: #F0B90B;--accent-50: #FEF9E6;--accent-100: #FDF3CC;--danger: #FF6B6B;--danger-50: #FFF0F0;--purple: #9164CC;--purple-50: #F3EDFA;--dark: #171717;--dark-50: #1B1B1B;--dark-100: #232323;--dark-200: #2D2D2D;--dark-300: #383838;--light: #F1F5F9;--light-50: #FFFFFF;--light-100: #FFFFFF;--light-200: #E2E8F0;--light-300: #CBD5E1;--bg-primary: #171717;--bg-secondary: #1B1B1B;--border-color: #232323;--text-primary: #FFFFFF;--text-muted: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--up-color: #089981;--up-bg: rgba(8, 153, 129, .1);--down-color: #F23645;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}body{background-color:var(--dark);color:#fff}body.light-mode{background-color:#f8fafc;color:#0f172a;--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--border-color: #E2E8F0;--text-primary: #0F172A;--text-muted: #64748B;--text-tertiary: #94A3B8;--dark: #F8FAFC;--dark-50: #FFFFFF;--dark-100: #F1F5F9;--dark-200: #E2E8F0;--dark-300: #CBD5E1;--primary-50: #EFF6FF;--primary-100: #DBEAFE;--secondary-50: #F0FDF4;--secondary-100: #DCFCE7;--accent-50: #FEFCE8;--accent-100: #FEF08A;--danger-50: #FEF2F2;--tertiary-50: #EEF2FF;--purple-50: #FAF5FF}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{cursor:pointer;border:none;outline:none;font-family:inherit;background:transparent}input,select,textarea{font-family:inherit;color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;opacity:.8!important}select option{background-color:var(--bg-secondary);color:var(--text-primary)}table{border-collapse:collapse;width:100%}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--dark-200);border-radius:var(--radius-full)}.light-mode ::-webkit-scrollbar-thumb{background:var(--light-300)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.app-container{display:flex;min-height:100vh;position:relative;overflow-x:clip}.main-wrapper{width:100%;display:flex;flex-direction:column;min-height:100vh}.page-content{padding:1rem 1rem 5rem;overflow-x:clip;flex-grow:1}@media (min-width: 768px){.page-content{padding:1.5rem 1.5rem 2rem}}.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10010;width:288px;background-color:var(--dark-50);overflow-y:auto;transition:transform var(--transition-normal) ease-in-out;box-shadow:var(--shadow-xl);transform:translate(-100%)}.light-mode .sidebar{background-color:var(--light-100)}.sidebar.open{transform:translate(0)}@media (min-width: 768px){.sidebar{position:sticky;top:0;height:100vh;transform:translate(0);flex-shrink:0}.main-wrapper{width:calc(100% - 288px)}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.sidebar-overlay.visible{opacity:1;pointer-events:all}@media (min-width: 768px){.sidebar-overlay{display:none}}.sidebar-header{display:flex;align-items:center;height:64px;margin-top:1rem;padding:0 1.5rem;border-bottom:1px solid var(--dark-100)}.light-mode .sidebar-header{border-color:var(--light-200)}.sidebar-logo img{height:auto;width:130px;filter:brightness(0) invert(1)}.light-mode .sidebar-logo img{filter:none}.sidebar-close{margin-left:auto;color:#fff;background:transparent;transition:color var(--transition-fast)}.light-mode .sidebar-close{color:var(--dark-100)}.sidebar-close:hover{color:var(--primary)}@media (min-width: 768px){.sidebar-close{display:none}}.sidebar-profile{position:relative;margin-top:1.5rem;padding:0 1rem;margin-bottom:1.5rem}.sidebar-profile-card{padding:1rem;border-radius:var(--radius-xl);background:#23232380;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(35,35,35,.4);position:relative;overflow:hidden}.light-mode .sidebar-profile-card{background:#e2e8f080;border-color:#e2e8f066}.sidebar-profile-card .decorative-blob-1{position:absolute;top:0;right:0;width:128px;height:128px;background:linear-gradient(to bottom,rgba(0,106,217,.1),transparent);border-radius:50%;filter:blur(24px);transform:translate(32px,-32px);transition:transform .7s ease}.sidebar-profile-card:hover .decorative-blob-1{transform:translate(32px)}.sidebar-profile-card .decorative-blob-2{position:absolute;bottom:0;left:0;width:128px;height:128px;background:linear-gradient(to top,rgba(74,157,127,.1),transparent);border-radius:50%;filter:blur(24px);transform:translate(-32px,32px);transition:transform .7s ease}.sidebar-profile-card:hover .decorative-blob-2{transform:translate(-32px)}.sidebar-profile-inner{display:flex;flex-direction:column;align-items:center;position:relative}.avatar-container{position:relative;margin-bottom:.75rem}.avatar-ring{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:50%;filter:blur(1px)}.avatar{position:relative;width:64px;height:64px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;border:2px solid rgba(23,23,23,.8)}.light-mode .avatar{border-color:#cbd5e1cc}.avatar-status{position:absolute;bottom:0;right:0;width:16px;height:16px;background:var(--secondary);border-radius:50%;border:2px solid var(--dark);box-shadow:var(--shadow-lg)}.light-mode .avatar-status{border-color:var(--light-300)}.sidebar-username{font-weight:500;margin-bottom:2px;font-size:.875rem}.sidebar-status-badge{font-size:.75rem;color:#9ca3af;margin-bottom:.75rem;background:#1b1b1b80;padding:2px 8px;border-radius:var(--radius-full)}.light-mode .sidebar-status-badge{background:#e2e8f080;color:#6b7280}.sidebar-balance-card{background:linear-gradient(to right,var(--dark-50),var(--dark-100));padding:.75rem;border-radius:var(--radius-lg);width:100%;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(35,35,35,.6);position:relative;overflow:hidden}.light-mode .sidebar-balance-card{background:linear-gradient(to right,var(--light-100),var(--light-200));border-color:#e2e8f099}.balance-icon{width:32px;height:32px;border-radius:50%;background:#006ad91a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.balance-icon svg{color:var(--primary)}.balance-label{font-size:.75rem;color:#9ca3af;display:block}.light-mode .balance-label{color:#6b7280}.balance-value{font-size:.875rem;font-weight:500}.sidebar-nav{flex:1;padding:.5rem .75rem}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;padding:0 .75rem;margin-bottom:.5rem;letter-spacing:.05em}.nav-list{display:flex;flex-direction:column;gap:2px;list-style:none}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-lg);color:#d1d5db;transition:all var(--transition-fast);font-size:.875rem}.light-mode .nav-link{color:#374151}.nav-link:hover{background:#23232399}.light-mode .nav-link:hover{background:#e2e8f099}.nav-link.active{background:#006ad91a;color:var(--primary)}.nav-link svg{width:20px;height:20px;flex-shrink:0}.top-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 1rem;border-bottom:1px solid var(--dark-100);position:sticky;top:0;z-index:9999;background:var(--dark-50);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}.light-mode .top-header{background:var(--light-100);border-color:var(--light-200)}@media (min-width: 640px){.top-header{padding:0 1.5rem}}.header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{padding:6px;border-radius:var(--radius-lg);color:#fff;transition:background var(--transition-fast)}.light-mode .mobile-menu-btn{color:var(--dark)}.mobile-menu-btn:hover{background:#23232399}.light-mode .mobile-menu-btn:hover{background:#e2e8f099}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem}.mobile-logo img{height:auto;width:130px;filter:brightness(0) invert(1)}.light-mode .mobile-logo img{filter:none}@media (min-width: 768px){.mobile-logo{display:none}}.header-right{display:flex;align-items:center;gap:6px}@media (min-width: 640px){.header-right{gap:.75rem}}.header-icon-btn{padding:6px;color:#d1d5db;border-radius:var(--radius-lg);background:#23232366;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.light-mode .header-icon-btn{color:#374151;background:#e2e8f066}.header-icon-btn:hover{background:#232323cc;color:#fff}.light-mode .header-icon-btn:hover{background:#e2e8f0cc;color:var(--dark)}.header-icon-btn svg{width:16px;height:16px}.profile-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:4px;border-radius:var(--radius-lg);transition:background var(--transition-fast)}.profile-dropdown-trigger:hover{background:#23232366}.light-mode .profile-dropdown-trigger:hover{background:#e2e8f066}.header-avatar-wrapper{position:relative}.header-avatar-ring{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:50%;opacity:.8}.header-avatar{position:relative;width:28px;height:28px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:#fff;border:2px solid var(--dark-50)}.light-mode .header-avatar{border-color:var(--light-300)}@media (min-width: 640px){.header-avatar{width:32px;height:32px;font-size:.875rem}}.header-username{display:none;font-size:.875rem;font-weight:500}@media (min-width: 768px){.header-username{display:block}}.header-chevron{display:none;color:#9ca3af}@media (min-width: 768px){.header-chevron{display:block}}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:.5rem;width:224px;background:var(--dark-50);border:1px solid var(--dark-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:10000;animation:fadeSlideDown .2s ease}.light-mode .dropdown-menu{background:var(--light-100);border-color:var(--light-200)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:linear-gradient(to right,var(--dark-100),rgba(35,35,35,.3));padding:.75rem 1rem;border-bottom:1px solid var(--dark-100)}.light-mode .dropdown-header{background:linear-gradient(to right,var(--light-200),rgba(226,232,240,.3));border-color:var(--light-200)}.dropdown-header h6{font-size:.875rem;font-weight:500}.dropdown-header p{font-size:.75rem;color:#9ca3af;margin-top:2px}.light-mode .dropdown-header p{color:#6b7280}.dropdown-items{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:#d1d5db;transition:background var(--transition-fast);width:100%;text-align:left}.light-mode .dropdown-item{color:#374151}.dropdown-item:hover{background:#23232399}.light-mode .dropdown-item:hover{background:#e2e8f099}.dropdown-item svg{width:16px;height:16px;color:#9ca3af}.light-mode .dropdown-item svg{color:#6b7280}.dropdown-item.danger{color:var(--danger)}.dropdown-divider{padding:.5rem 0;border-top:1px solid var(--dark-100)}.light-mode .dropdown-divider{border-color:var(--light-200)}.welcome-banner{position:relative;margin-bottom:1.5rem;overflow:hidden;border-radius:var(--radius-xl);background:linear-gradient(to right,var(--dark-50),var(--dark-100),var(--dark-200));padding:1rem}.light-mode .welcome-banner{background:linear-gradient(to right,var(--light-200),var(--light-300),var(--light-200))}@media (min-width: 640px){.welcome-banner{padding:1.5rem}}.welcome-banner .grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}.welcome-top{margin-bottom:1.5rem;display:flex;flex-direction:column;position:relative;z-index:1}@media (min-width: 640px){.welcome-top{flex-direction:row;align-items:center;justify-content:space-between}}.welcome-title{font-size:1.25rem;font-weight:700}@media (min-width: 640px){.welcome-title{font-size:1.5rem}}.welcome-date{font-size:.875rem;color:#9ca3af}.light-mode .welcome-date{color:#6b7280}.status-badge{display:inline-flex;margin-top:.5rem;background:#627eea1a;font-size:.75rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.balance-cards-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch;position:relative;z-index:1}@media (min-width: 1024px){.balance-cards-grid{grid-template-columns:2fr 3fr}}.primary-balance-card{border-radius:var(--radius-xl);background:var(--dark-50);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);position:relative;display:flex;flex-direction:column}.light-mode .primary-balance-card{background:var(--light-100)}@media (min-width: 640px){.primary-balance-card{padding:1.25rem}}.balance-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.balance-card-title{font-size:1rem;font-weight:700;display:flex;align-items:center}@media (min-width: 640px){.balance-card-title{font-size:1.125rem}}.balance-card-title svg{color:var(--primary);margin-right:.5rem}.balance-card-subtitle{font-size:.75rem;color:#9ca3af}.light-mode .balance-card-subtitle{color:#6b7280}.balance-visibility-btn{color:#9ca3af;transition:color var(--transition-fast)}.light-mode .balance-visibility-btn{color:#6b7280}.balance-visibility-btn:hover{color:#fff}.light-mode .balance-visibility-btn:hover{color:var(--dark)}.balance-amount{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}@media (min-width: 640px){.balance-amount{font-size:2rem}}.balance-updated{font-size:.75rem;color:#9ca3af;margin-bottom:1rem}.light-mode .balance-updated{color:#6b7280}.balance-actions{margin-top:auto;display:flex;gap:.5rem}.balance-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--dark-100);color:#fff;font-size:.75rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-lg);transition:background var(--transition-fast)}.light-mode .balance-action-btn{background:#e2e8f0;color:#0f172a;font-weight:600}.balance-action-btn:hover{background:#2d2d2de6;color:#fff}.light-mode .balance-action-btn:hover{background:#cbd5e1;color:#000}.balance-action-btn svg{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{border-radius:var(--radius-lg);background:var(--dark-50);border:1px solid rgba(35,35,35,.5);padding:1rem;transition:all var(--transition-fast);display:flex;flex-direction:column}.light-mode .stat-card{background:var(--light-100);border-color:#e2e8f080}.stat-card:hover{border-color:#006ad94d}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.stat-card-label{font-size:.875rem;color:#9ca3af}.light-mode .stat-card-label{color:#6b7280}.stat-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon.profit{background:#4a9d7f1a}.stat-icon.profit svg{color:var(--secondary)}.stat-icon.deposit{background:#627eea1a}.stat-icon.deposit svg{color:var(--tertiary)}.stat-icon.withdrawal{background:#006ad91a}.stat-icon.withdrawal svg{color:var(--primary)}.stat-value{font-size:1.125rem;font-weight:500}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.content-grid{grid-template-columns:2fr 1fr}}.content-left,.content-right{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.card{background:var(--dark-50);border:1px solid var(--dark-100);border-radius:var(--radius-xl);overflow:hidden;width:100%}.light-mode .card{background:var(--light-100);border-color:var(--light-200)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--dark-100)}.light-mode .card-header{border-color:var(--light-200)}@media (min-width: 640px){.card-header{padding:1.25rem}}.card-title{font-size:1rem;font-weight:700}@media (min-width: 640px){.card-title{font-size:1.125rem}}.card-title-count{font-size:.75rem;color:#9ca3af;margin-left:.25rem}.light-mode .card-title-count{color:#6b7280}.card-body{padding:1rem}@media (min-width: 640px){.card-body{padding:1.25rem}}.card-link{color:var(--primary);font-size:.875rem;display:flex;align-items:center;gap:4px;transition:opacity var(--transition-fast)}.card-link:hover{opacity:.8;text-decoration:underline}.card-link svg{width:16px;height:16px}.trading-chart-container{overflow:hidden}.signal-strength-header{display:flex;align-items:center;justify-content:space-between}.signal-label{font-weight:500;font-size:.75rem}@media (min-width: 640px){.signal-label{font-size:.875rem}}.signal-value{font-weight:500;font-size:.7rem}.signal-bar-container{margin-top:.75rem;margin-bottom:1.25rem}.signal-bar-bg{width:100%;height:6px;background:var(--dark-100);border-radius:var(--radius-full)}.light-mode .signal-bar-bg{background:var(--light-200)}.signal-bar-fill{height:6px;border-radius:var(--radius-full);background:var(--primary);transition:width 1s ease}.tradingview-container{width:100%;height:300px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 0}@media (min-width: 640px){.empty-state{padding:2rem 0}}.empty-state-icon{width:48px;height:48px;border-radius:50%;background:var(--dark-100);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.light-mode .empty-state-icon{background:var(--light-200)}@media (min-width: 640px){.empty-state-icon{width:64px;height:64px}}.empty-state-icon svg{width:24px;height:24px;color:#9ca3af}@media (min-width: 640px){.empty-state-icon svg{width:32px;height:32px}}.light-mode .empty-state-icon svg{color:#6b7280}.empty-state-title{font-weight:500;margin-bottom:.5rem;font-size:.875rem}@media (min-width: 640px){.empty-state-title{font-size:1rem}}.empty-state-desc{font-size:.75rem;color:#9ca3af;margin-bottom:1rem;text-align:center;max-width:400px}@media (min-width: 640px){.empty-state-desc{font-size:.875rem}}.light-mode .empty-state-desc{color:#6b7280}.invest-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;transition:background var(--transition-fast)}.invest-btn:hover{background:var(--primary-600)}.invest-btn svg{width:16px;height:16px}.carousel-nav{display:flex;gap:.5rem}.carousel-nav-btn{width:28px;height:28px;border-radius:50%;background:var(--dark-100);display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color var(--transition-fast)}.light-mode .carousel-nav-btn{background:var(--light-200);color:#6b7280}.carousel-nav-btn:hover{color:#fff}.light-mode .carousel-nav-btn:hover{color:var(--dark)}.carousel-nav-btn svg{width:16px;height:16px}@media (min-width: 640px){.carousel-nav-btn svg{width:20px;height:20px}}.crypto-carousel-wrapper{overflow:hidden}.crypto-carousel{display:flex;gap:1rem;transition:transform var(--transition-normal)}.crypto-card{min-width:100%;flex-shrink:0;border-radius:var(--radius-xl);border:1px solid var(--dark-100);background:#23232380;padding:1rem}.light-mode .crypto-card{border-color:var(--light-200);background:#e2e8f080}@media (min-width: 375px){.crypto-card{min-width:85%}}@media (min-width: 640px){.crypto-card{min-width:240px;width:auto}}.crypto-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.crypto-logo{width:32px;height:32px;border-radius:50%}.crypto-name{font-weight:500}.crypto-symbol{font-size:.75rem;color:#9ca3af}.light-mode .crypto-symbol{color:#6b7280}.crypto-change-badge{margin-left:auto;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-full);display:flex;align-items:center}.crypto-change-badge.up{background:var(--up-color)}.crypto-change-badge.down{background:var(--down-color)}.crypto-change-badge svg{width:12px;height:12px;margin-right:4px}.crypto-price-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.crypto-price-label{font-size:.75rem;color:#9ca3af}.light-mode .crypto-price-label{color:#6b7280}.crypto-price-value{font-weight:500}.crypto-sparkline{width:100%;height:48px}.transaction-tabs{display:flex;overflow-x:auto;padding:.75rem .5rem;border-bottom:1px solid var(--dark-100)}.light-mode .transaction-tabs{border-color:var(--light-200)}@media (min-width: 640px){.transaction-tabs{padding:1rem 1.5rem}}.tab-btn{display:inline-flex;flex-direction:column;align-items:center;font-size:.875rem;font-weight:500;padding:0 4px;padding-bottom:.75rem;margin-right:.75rem;border-bottom:2px solid transparent;color:#9ca3af;white-space:nowrap;transition:all var(--transition-fast)}.light-mode .tab-btn{color:#6b7280}.tab-btn:hover{color:#d1d5db}.light-mode .tab-btn:hover{color:#374151}.tab-btn.active{border-color:var(--primary);color:var(--primary)}.tab-icon-container{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:#232323cc}.light-mode .tab-icon-container{background:#f1f5f9cc}.tab-btn.active .tab-icon-container{background:#006ad91a}.tab-icon-container svg{width:16px;height:16px;color:#9ca3af}.light-mode .tab-icon-container svg{color:#6b7280}.tab-btn.active .tab-icon-container svg{color:var(--primary)}.tab-label{font-size:.75rem}@media (min-width: 640px){.tab-label{font-size:.875rem}}.transaction-table{width:100%}.transaction-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.light-mode .transaction-table th{color:#6b7280}.transaction-table td{padding:.75rem 1.5rem;font-size:.875rem}.transaction-table tbody tr{border-top:1px solid var(--dark-100)}.light-mode .transaction-table tbody tr{border-color:var(--light-200)}.table-empty-state{padding:1.5rem;text-align:center}.table-empty-icon{width:48px;height:48px;border-radius:50%;background:#006ad91a;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.table-empty-icon svg{color:var(--primary)}.table-empty-title{font-size:.875rem;font-weight:500;margin-bottom:4px}.table-empty-desc{font-size:.75rem;color:#9ca3af}.light-mode .table-empty-desc{color:#6b7280}.profile-card-banner{background:linear-gradient(to right,#006ad933,#4a9d7f33);padding:1rem;text-align:center}@media (min-width: 640px){.profile-card-banner{padding:1.25rem}}.profile-large-avatar{width:64px;height:64px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto}@media (min-width: 640px){.profile-large-avatar{width:80px;height:80px}}.profile-card-name{margin-top:.75rem;font-weight:500;font-size:.875rem}@media (min-width: 640px){.profile-card-name{font-size:1rem}}.profile-info-list{display:flex;flex-direction:column;gap:.75rem}.profile-info-row{display:flex;align-items:center;justify-content:space-between}.profile-info-label{font-size:.75rem;color:#9ca3af}.light-mode .profile-info-label{color:#6b7280}@media (min-width: 640px){.profile-info-label{font-size:.875rem}}.profile-info-value{font-size:.75rem;font-weight:500}@media (min-width: 640px){.profile-info-value{font-size:.875rem}}.profile-quick-actions{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 640px){.profile-quick-actions{gap:.75rem}}.profile-action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:.5rem;background:var(--dark-100);color:#fff;border-radius:var(--radius-lg);font-size:.75rem;font-weight:500;transition:background var(--transition-fast)}.light-mode .profile-action-btn{background:#e2e8f0;color:#0f172a;font-weight:600}.profile-action-btn:hover{background:#2d2d2de6;color:#fff}.light-mode .profile-action-btn:hover{background:#cbd5e1;color:#000}@media (min-width: 640px){.profile-action-btn{gap:.5rem;font-size:.875rem}}.profile-action-btn svg{width:12px;height:12px}@media (min-width: 640px){.profile-action-btn svg{width:16px;height:16px}}.profile-verification{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--dark-100)}.light-mode .profile-verification{border-color:var(--light-200)}@media (min-width: 640px){.profile-verification{margin-top:1.25rem;padding-top:1.25rem}}.verification-badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;color:var(--primary);background:#006ad91a;padding:4px 8px;border-radius:var(--radius-full)}.verification-badge svg{width:12px;height:12px;margin-right:4px}.referral-intro{display:flex;margin-bottom:.75rem}.referral-icon{width:32px;height:32px;border-radius:50%;background:#f0b90b1a;display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}@media (min-width: 640px){.referral-icon{width:40px;height:40px}}.referral-icon svg{color:var(--accent)}.referral-title{font-weight:500;font-size:.75rem}@media (min-width: 640px){.referral-title{font-size:.875rem}}.referral-desc{font-size:.75rem;color:#9ca3af}.light-mode .referral-desc{color:#6b7280}.referral-link-group{margin-bottom:1rem}.referral-link-label{font-size:.75rem;color:#9ca3af;margin-bottom:.5rem;display:block}.light-mode .referral-link-label{color:#6b7280}@media (min-width: 640px){.referral-link-label{font-size:.875rem}}.referral-link-input-group{display:flex;background:var(--dark-100);border-radius:var(--radius-lg);overflow:hidden}.light-mode .referral-link-input-group{background:var(--light-200)}.referral-link-input{flex:1;background:transparent;padding:.5rem .75rem;font-size:.75rem;color:#d1d5db;min-width:0}.light-mode .referral-link-input{color:#374151}@media (min-width: 640px){.referral-link-input{font-size:.875rem}}.referral-copy-btn{background:var(--primary);color:#fff;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:background var(--transition-fast);display:flex;align-items:center;gap:4px}@media (min-width: 640px){.referral-copy-btn{font-size:.875rem}}.referral-copy-btn:hover{background:var(--primary-600)}.referral-copy-btn svg{width:12px;height:12px}@media (min-width: 640px){.referral-copy-btn svg{width:16px;height:16px}}.referral-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 640px){.referral-stats{gap:.75rem}}.referral-stat-box{background:var(--dark-100);border-radius:var(--radius-lg);padding:.5rem}.light-mode .referral-stat-box{background:var(--light-200)}@media (min-width: 640px){.referral-stat-box{padding:.75rem}}.referral-stat-label{font-size:.75rem;color:#9ca3af;margin-bottom:4px}.light-mode .referral-stat-label{color:#6b7280}.referral-stat-value{font-size:1.125rem;font-weight:700}@media (min-width: 640px){.referral-stat-value{font-size:1.25rem}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:9990;background:var(--dark-50);border-top:1px solid var(--dark-100);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -4px 12px #0000004d}.light-mode .mobile-bottom-nav{background:var(--light-100);border-color:var(--light-200);box-shadow:0 -4px 12px #0000001a}@media (min-width: 768px){.mobile-bottom-nav{display:none}}.bottom-nav-inner{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;max-width:480px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative;z-index:10;transition:all .2s ease}.bottom-nav-icon-wrapper{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all var(--transition-normal)}.light-mode .bottom-nav-icon-wrapper{color:#6b7280}.bottom-nav-item.active .bottom-nav-icon-wrapper{color:var(--primary)}.bottom-nav-icon-wrapper svg{width:20px;height:20px}.bottom-nav-label{font-size:.75rem;margin-top:2px;color:#9ca3af;font-weight:500;transition:color var(--transition-normal)}.light-mode .bottom-nav-label{color:#6b7280}.bottom-nav-item.active .bottom-nav-label{color:var(--primary)}.fab-container{display:flex;flex-direction:column;align-items:center;height:100%;position:relative;padding:0 .5rem;margin-top:-32px}.fab-button{width:56px;height:56px;border-radius:50%;background:var(--primary);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;position:relative;z-index:20;transition:transform var(--transition-normal)}.fab-button:hover{transform:scale(1.05)}.fab-button svg{width:24px;height:24px;color:#fff}.fab-label{font-size:.75rem;color:#9ca3af;position:absolute;bottom:-8px}.light-mode .fab-label{color:#6b7280}.fab-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#171717b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9991;animation:fadeIn .3s ease}.light-mode .fab-menu-overlay{background:#f1f5f9b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fab-menu-content{position:absolute;inset:auto 0 96px 0;display:flex;flex-direction:column;align-items:center}.fab-menu-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:448px;margin:0 auto;padding:.75rem}.fab-menu-item{width:calc(33% - 12px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;border:1px solid;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);animation:menuAppear .4s backwards}@keyframes menuAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.fab-menu-item.fund{background:linear-gradient(to bottom,#627eea33,#627eea0d);border-color:#627eea33}.fab-menu-item.fund:hover{background:linear-gradient(to bottom,#627eea4d,#627eea1a)}.fab-menu-item.invest{background:linear-gradient(to bottom,#4a9d7f33,#4a9d7f0d);border-color:#4a9d7f33}.fab-menu-item.invest:hover{background:linear-gradient(to bottom,#4a9d7f4d,#4a9d7f1a)}.fab-menu-item.withdraw{background:linear-gradient(to bottom,#ff6b6b33,#ff6b6b0d);border-color:#ff6b6b33}.fab-menu-item.withdraw:hover{background:linear-gradient(to bottom,#ff6b6b4d,#ff6b6b1a)}.fab-menu-item.refer{background:linear-gradient(to bottom,#f0b90b33,#f0b90b0d);border-color:#f0b90b33}.fab-menu-item.refer:hover{background:linear-gradient(to bottom,#f0b90b4d,#f0b90b1a)}.fab-menu-item.profile{background:linear-gradient(to bottom,#9164cc33,#9164cc0d);border-color:#9164cc33}.fab-menu-item.profile:hover{background:linear-gradient(to bottom,#9164cc4d,#9164cc1a)}.fab-menu-item.support{background:linear-gradient(to bottom,#006ad933,#006ad90d);border-color:#006ad933}.fab-menu-item.support:hover{background:linear-gradient(to bottom,#006ad94d,#006ad91a)}.fab-menu-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.fab-menu-icon svg{width:24px;height:24px;color:#fff}.fab-menu-icon.fund{background:linear-gradient(to bottom right,var(--tertiary),rgba(98,126,234,.7))}.fab-menu-icon.invest{background:linear-gradient(to bottom right,var(--secondary),rgba(74,157,127,.7))}.fab-menu-icon.withdraw{background:linear-gradient(to bottom right,var(--danger),rgba(255,107,107,.7))}.fab-menu-icon.refer{background:linear-gradient(to bottom right,var(--accent),rgba(240,185,11,.7))}.fab-menu-icon.profile{background:linear-gradient(to bottom right,var(--purple),rgba(145,100,204,.7))}.fab-menu-icon.support{background:linear-gradient(to bottom right,var(--primary),rgba(0,106,217,.7))}.fab-menu-item-label{font-size:.75rem;font-weight:500}.fab-close-btn{margin-top:2rem;width:48px;height:48px;border-radius:50%;background:#232323cc;border:1px solid var(--dark-100);display:flex;align-items:center;justify-content:center;color:#fff}.light-mode .fab-close-btn{background:#e2e8f0cc;border-color:var(--light-200);color:var(--dark)}.fab-close-btn svg{width:24px;height:24px}.toast{position:fixed;bottom:1rem;right:1rem;background:var(--secondary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;z-index:50;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast svg{margin-right:.5rem}.toast.fade-out{opacity:0;transition:opacity .3s ease}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stocks-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px) and (max-width: 1023px){.stocks-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stocks-grid{grid-template-columns:repeat(3,1fr)}}.stock-card{transition:transform .25s ease,box-shadow .25s ease}.stock-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #006ad926!important}.invest-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px -3px #006ad959!important}.invest-submit-btn:active:not(:disabled){transform:translateY(0)}.stock-amount-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px #006ad940!important}.trader-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 480px){.trader-stats-grid{grid-template-columns:repeat(3,1fr)}}.floating-elements-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.floating-element{position:absolute;border-radius:50%;opacity:.7;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.elem-1{width:100px;height:100px;top:10%;left:5%;animation-name:float1}.elem-2{width:70px;height:70px;top:20%;right:10%;animation-name:float2}.elem-3{width:50px;height:50px;bottom:20%;left:15%;animation-name:float3}.elem-4{width:80px;height:80px;bottom:10%;right:5%;animation-name:float4}@keyframes float1{0%{transform:translate(0) rotate(0)}25%{transform:translate(15px,15px) rotate(90deg)}50%{transform:translateY(30px) rotate(180deg)}75%{transform:translate(-15px,15px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float2{0%{transform:translate(0) rotate(0)}25%{transform:translate(-20px,10px) rotate(-90deg)}50%{transform:translateY(20px) rotate(-180deg)}75%{transform:translate(20px,10px) rotate(-270deg)}to{transform:translate(0) rotate(-360deg)}}@keyframes float3{0%{transform:translate(0) rotate(0)}33%{transform:translate(15px,-15px) rotate(120deg)}66%{transform:translate(-15px,-15px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float4{0%{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-10px) rotate(-120deg)}66%{transform:translate(20px,-20px) rotate(-240deg)}to{transform:translate(0) rotate(-360deg)}}@media (min-width: 768px){.header-responsive-row{flex-direction:row!important;align-items:center!important}}.auth-left-panel{display:none!important}.auth-mobile-logo{display:block}@media (min-width: 1024px){.auth-left-panel{display:flex!important}.auth-mobile-logo{display:none!important}}@media (max-width: 1023px){.referral-left-col{grid-column:span 1!important}}.bg-dot-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px}body.light-mode .bg-dot-pattern{background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px)}