@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--dark-bg:#060d1a;--card-bg:#0d1526;--brand-blue:#0070f3;--brand-neon:#00e5ff;--text-dim:#6b7280;--text-main:#fff;--danger:#ef4444;--success:#10b981;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-card{-webkit-backdrop-filter:blur(12px);background:#0d152699;border:1px solid #ffffff0d;border-radius:16px;transition:all .3s;box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#ffffff1a;box-shadow:0 8px 32px #0070f326}.input-field{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--brand-blue);box-shadow:0 0 0 2px #0070f333}.btn-primary{background:linear-gradient(135deg, var(--brand-blue) 0%, #0050cc 50%, #0070f3 100%);color:#fff;background-size:200% 200%;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s,background-position .4s;display:flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:after{left:100%}.btn-primary:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 6px 20px #0070f380}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:background .2s;display:flex}.btn-secondary:hover{background:#ffffff1a}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge.win{color:var(--success);background:#10b98126}.badge.loss{color:var(--danger);background:#ef444426}.badge.pending{color:var(--warning);background:#f59e0b26}.badge.buy{color:var(--brand-neon);background:#00e5ff26}.badge.sell{color:var(--danger);background:#ef444426}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff0d;padding:16px;font-size:.8rem}.data-table td{border-bottom:1px solid #ffffff0d;padding:16px;font-size:.9rem}.data-table tr:hover td{background:#ffffff05}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0070f366}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-ring{0%{box-shadow:0 0 #00e5ff66}70%{box-shadow:0 0 0 8px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-ring{animation:2s ease-out infinite pulse-ring}.animate-count{animation:.6s forwards count-up}.auth-container{min-height:100vh;display:flex}.auth-left{background:radial-gradient(circle at 50% 50%, #0070f31a 0%, var(--dark-bg) 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-right{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-container{width:100%;max-width:440px;padding:40px}.app-container{min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;margin-left:260px;transition:margin-left .3s;display:flex}.app-container.sidebar-collapsed .app-content{margin-left:80px}.main-content{flex:1;margin-top:70px;padding:32px}.sidebar{background:var(--card-bg);z-index:100;border-right:1px solid #ffffff0d;flex-direction:column;width:260px;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-text,.sidebar.collapsed .sidebar-badge{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:90;background:#060d1acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 32px;transition:left .3s,padding .3s;display:flex;position:fixed;top:0;left:260px;right:0}.app-container.sidebar-collapsed .topbar{left:80px}.mobile-menu-btn{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;transition:background .2s;display:flex}.mobile-menu-btn:hover{background:#ffffff14}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.two-col-grid{grid-template-columns:1fr 2.5fr;gap:24px;display:grid}.billing-grid{grid-template-columns:1fr 2fr;gap:24px;display:grid}.billing-plans-grid,.support-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.support-faq-grid,.form-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.auth-container{flex-direction:column}.app-content,.app-container.sidebar-collapsed .app-content{margin-left:0}.main-content{padding:16px}.sidebar{transform:translate(-100%);width:260px!important}.sidebar.open{transform:translate(0)}.topbar{padding:0 16px;left:0}.app-container.sidebar-collapsed .topbar{left:0}.mobile-menu-btn{display:block}.topbar-search{display:none!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.two-col-grid,.billing-grid,.billing-plans-grid,.support-grid,.support-faq-grid{grid-template-columns:1fr}}@media (width<=640px){.dashboard-grid,.form-grid-2{grid-template-columns:1fr}}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.text-gradient{background:linear-gradient(135deg, #fff 0%, var(--text-dim) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-brand{color:var(--brand-blue)}.text-dim{color:var(--text-dim)}.drop-zone-active{border-color:var(--brand-blue)!important;background:#0070f30d!important;box-shadow:0 0 0 4px #0070f326!important}.shimmer-line{background:#ffffff0a;border-radius:4px;position:relative;overflow:hidden}.shimmer-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.trend-up{color:var(--success);font-size:.8rem;font-weight:600}.trend-down{color:var(--danger);font-size:.8rem;font-weight:600}.sidebar a:hover{color:#fff!important;background:#ffffff0d!important}.notif-dot{background:var(--brand-neon);border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite pulse-ring;position:absolute;top:-2px;right:-2px}.data-table tbody tr{border-left:3px solid #0000;transition:background .15s}.data-table tbody tr:hover td{background:#0070f30a!important}.data-table tbody tr:hover{border-left-color:var(--brand-blue)}.page-heading{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:1.8rem;font-weight:700}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--brand-blue)}input:checked+.slider:before{transform:translate(20px)}