@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;box-shadow:0 2px 20px #00000014,0 0 40px #ffc1071a;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.header,.header-main{border-bottom:1px solid var(--border-light)}.header-main{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);padding:16px 24px}.logo{align-items:center;cursor:pointer;display:flex;gap:12px;transition:all var(--transition-normal);width:-webkit-fit-content;width:fit-content}.logo:hover{transform:translateX(2px)}.logo-image{object-fit:contain}.logo-fallback,.logo-image{border-radius:8px;height:32px;width:32px}.logo-fallback{align-items:center;background:var(--gradient-primary);box-shadow:var(--shadow-sm);display:flex;font-size:18px;justify-content:center}.logo-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px}.nav-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;padding:0 24px}.nav-tabs{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all var(--transition-normal);white-space:nowrap}.nav-tab:before{background:linear-gradient(90deg,#0000,#0066ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.nav-tab:hover{background:#0066ff0d;color:var(--accent-blue);transform:translateY(-1px)}.nav-tab:hover:before{left:100%}.nav-tab.active{background:var(--gradient-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.nav-tab.active:before{display:none}.nav-tab.active:hover{background:var(--gradient-primary);filter:brightness(1.1)}.tab-icon{align-items:center;display:flex;justify-content:center;min-width:16px}.nav-tab:hover .tab-icon{transform:scale(1.1)}.nav-tab.active .tab-icon{animation:pulse 2s ease-in-out infinite}.tab-label{font-weight:600;letter-spacing:.25px}@media (max-width:768px){.header-main{padding:12px 16px}.nav-section{padding:0 16px}.logo-text{font-size:20px}.nav-tab{font-size:13px;padding:10px 16px}.tab-icon{font-size:14px}.tab-label{display:none}.nav-tab{justify-content:center;min-width:44px}}@keyframes neural-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.nav-tab.active .tab-icon:after{animation:neural-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;height:20px;left:50%;top:50%;transform:translate(-50%,-50%);width:20px}.header:before,.nav-tab.active .tab-icon:after{content:"";pointer-events:none;position:absolute}.header:before{background:linear-gradient(135deg,#ffffff1a,#f8fafc1a);bottom:0;left:0;right:0;top:0}:root{--ai-primary:#6366f1;--ai-primary-hover:#5b5ef0;--ai-primary-light:#818cf8;--ai-primary-dark:#4f46e5;--ai-secondary:#8b5cf6;--ai-secondary-hover:#8350e5;--ai-accent:#06b6d4;--ai-accent-hover:#0891b2;--ai-success:#10b981;--ai-success-hover:#059669;--ai-warning:#f59e0b;--ai-warning-hover:#d97706;--ai-danger:#ef4444;--ai-danger-hover:#dc2626;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-accent:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-surface:linear-gradient(145deg,#fff,#f8fafc);--gradient-card:linear-gradient(145deg,#ffffffe6,#f8fafccc);--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-quaternary:#e2e8f0;--bg-glass:#ffffffd9;--bg-overlay:#0f172a0d;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-quaternary:#94a3b8;--text-muted:#cbd5e1;--text-inverse:#fff;--border-strong:#94a3b8;--border-primary:#6366f133;--border-success:#10b98133;--border-warning:#f59e0b33;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;--shadow-glow-lg:0 0 0 1px #6366f11a,0 8px 32px #6366f126;--shadow-inset:inset 0 2px 4px 0 #0000000f;--space-px:1px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.68,-0.55,0.265,1.55)}.dashboard{background:#fff;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;line-height:var(--leading-normal);margin:0 auto;max-width:1440px;min-height:100vh;padding:24px;padding:var(--space-6);position:relative}.dashboard:before{background:radial-gradient(circle at 25% 25%,#6366f10a 0,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf60a 0,#0000 50%),radial-gradient(circle at 50% 50%,#06b6d405 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.25;line-height:var(--leading-tight)}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-surface);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-3xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:32px;margin-bottom:var(--space-8);overflow:hidden;padding:32px;padding:var(--space-8);position:relative;text-align:center}.dashboard-header:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:24px 24px 0 0;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-header:after{background:radial-gradient(circle,#6366f10f 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:-1}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:flex;font-size:36px;font-size:var(--text-4xl);font-weight:800;gap:16px;gap:var(--space-4);letter-spacing:-.02em;margin:0 0 8px;margin:0 0 var(--space-2) 0}.dashboard-title,.title-icon{align-items:center;justify-content:center}.title-icon{box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);display:inline-flex;font-size:24px;font-size:var(--text-2xl);font-weight:700;height:56px;position:relative;width:56px}.title-icon,.title-icon:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:16px;border-radius:var(--radius-xl)}.title-icon:before{animation:pulse 3s ease-in-out infinite;content:"";inset:-2px;opacity:.3;position:absolute;z-index:-1}.dashboard-subtitle{color:#334155;color:var(--text-secondary);font-size:18px;font-size:var(--text-lg);font-weight:500;letter-spacing:.025em;margin:0}.top-right-info{flex-direction:column;position:absolute;right:16px;right:var(--space-4);top:16px;top:var(--space-4);z-index:10}.mini-info-card,.top-right-info{display:flex;gap:8px;gap:var(--space-2)}.mini-info-card{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;background:var(--bg-glass);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);font-size:12px;font-size:var(--text-xs);font-weight:600;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.mini-info-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.trail-price{border-left:3px solid #06b6d4;border-left:3px solid var(--ai-accent)}.wallet-balance{border-left:3px solid #f59e0b;border-left:3px solid var(--ai-warning)}.mini-icon{color:#334155;color:var(--text-secondary);font-weight:500}.mini-value{color:#0f172a;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:700}.wallet-connection-section{display:flex;justify-content:center;margin-bottom:32px;margin-bottom:var(--space-8)}.compact-wallet-button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--text-base);font-weight:600;gap:12px;gap:var(--space-3);overflow:hidden;padding:16px 32px;padding:var(--space-4) var(--space-8);position:relative;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.compact-wallet-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(0,0,.2,1);transition:left var(--duration-500) var(--ease-out);width:100%}.compact-wallet-button:hover{box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;box-shadow:var(--shadow-glow-lg);transform:translateY(-2px)}.compact-wallet-button:hover:before{left:100%}.welcome-user-box{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);background:var(--gradient-card);border:1px solid #6366f133;border:1px solid var(--border-primary);border-radius:24px;border-radius:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:32px;gap:var(--space-8);margin:0 auto 40px;margin:0 auto var(--space-10);max-width:500px;overflow:hidden;padding:40px;padding:var(--space-10);position:relative}.welcome-user-box:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:24px 24px 0 0;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.welcome-user-box:after{background:radial-gradient(circle,#6366f114 0,#0000 70%);border-radius:50%;bottom:-50px;content:"";height:100px;pointer-events:none;position:absolute;right:-50px;width:100px}.user-avatar-section{align-items:center;display:flex;flex-direction:column;gap:24px;gap:var(--space-6);text-align:center}.user-avatar{align-items:center;border:4px solid #fff;border:4px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;box-shadow:var(--shadow-glow-lg);color:#fff;color:var(--text-inverse);display:flex;font-size:48px;font-size:var(--text-5xl);height:120px;justify-content:center;position:relative;width:120px}.user-avatar,.user-avatar:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary)}.user-avatar:before{animation:pulse 2s ease-in-out infinite;border-radius:50%;content:"";inset:-6px;opacity:.2;position:absolute;z-index:-1}.rank-badge{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-inverse);font-size:16px;font-size:var(--text-base);font-weight:700;letter-spacing:.05em;padding:12px 24px;padding:var(--space-3) var(--space-6);text-transform:uppercase}.user-id-section{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-4);width:100%}.sponsor-id-display,.user-id-display{border:2px solid;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:block;font-family:JetBrains Mono,monospace;font-size:14px;font-size:var(--text-sm);font-weight:700;letter-spacing:.025em;margin:0 auto;max-width:400px;padding:16px 24px;padding:var(--space-4) var(--space-6);text-align:center;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out);width:100%}.user-id-display{background:#6366f10d;border-color:#6366f133;border-color:var(--border-primary);color:#6366f1;color:var(--ai-primary);margin-bottom:16px;margin-bottom:var(--space-4)}.user-id-display:hover{background:#6366f11a;transform:translateY(-1px)}.sponsor-id-display{background:#8b5cf60d;border-color:#8b5cf633;color:#8b5cf6;color:var(--ai-secondary);margin-bottom:12px;margin-bottom:var(--space-3)}.sponsor-id-display:hover{background:#8b5cf61a;transform:translateY(-1px)}.upline-info-section{display:flex;flex-direction:column;gap:12px;gap:var(--space-3);margin-bottom:16px;margin-bottom:var(--space-4);width:100%}.upline-address-display{background:#06b6d40d;border:2px solid #06b6d433;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#06b6d4;color:var(--ai-accent);font-family:JetBrains Mono,monospace;font-size:14px;font-size:var(--text-sm);font-weight:600;letter-spacing:.025em;padding:12px 16px;padding:var(--space-3) var(--space-4);text-align:center;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out);width:100%}.upline-address-display:hover{background:#06b6d41a;transform:translateY(-1px)}.welcome-section{margin-bottom:40px;margin-bottom:var(--space-10)}.welcome-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);background:var(--gradient-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);padding:48px;padding:var(--space-12)}.welcome-header{gap:32px;gap:var(--space-8);margin-bottom:48px;margin-bottom:var(--space-12)}.welcome-header,.welcome-icon{align-items:center;display:flex}.welcome-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;box-shadow:var(--shadow-glow-lg);color:#fff;color:var(--text-inverse);font-size:48px;font-size:var(--text-5xl);height:100px;justify-content:center;width:100px}.welcome-card h2{color:#0f172a;color:var(--text-primary);font-size:30px;font-size:var(--text-3xl);font-weight:800;margin:0 0 8px;margin:0 0 var(--space-2) 0}.welcome-card p{color:#334155;color:var(--text-secondary);font-size:18px;font-size:var(--text-lg);font-weight:500;margin:0}.welcome-stats{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.welcome-stat{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:24px;gap:var(--space-6);padding:32px;padding:var(--space-8);transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-300) var(--ease-out)}.welcome-stat:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.welcome-stat .stat-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:30px;font-size:var(--text-3xl);height:72px;justify-content:center;width:72px}.stat-title{color:#0f172a;color:var(--text-primary);font-size:20px;font-size:var(--text-xl);font-weight:700;margin-bottom:4px;margin-bottom:var(--space-1)}.stat-desc{color:#334155;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);font-weight:500;line-height:1.625;line-height:var(--leading-relaxed)}.new-user-upline-section{background:linear-gradient(145deg,#06b6d414,#ffffffe6);border:2px solid #06b6d433;border-radius:20px;border-radius:var(--radius-2xl);margin:32px 0;margin:var(--space-8) 0;padding:24px;padding:var(--space-6);text-align:center}.new-user-upline-section h3{color:#06b6d4;color:var(--ai-accent);font-size:20px;font-size:var(--text-xl);font-weight:700;letter-spacing:.025em;margin-bottom:24px;margin-bottom:var(--space-6);text-transform:uppercase}.upline-info-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);gap:16px;gap:var(--space-4);padding:24px;padding:var(--space-6)}.upline-details,.upline-info-card{display:flex;flex-direction:column}.upline-details{gap:12px;gap:var(--space-3)}.upline-address,.upline-id{border-radius:12px;border-radius:var(--radius-lg);font-family:JetBrains Mono,monospace;font-size:14px;font-size:var(--text-sm);font-weight:700;padding:12px 16px;padding:var(--space-3) var(--space-4)}.upline-id{background:#06b6d41a;border:1px solid #06b6d44d;color:#06b6d4;color:var(--ai-accent)}.upline-address{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#8b5cf6;color:var(--ai-secondary)}.invitation-badge{align-self:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);font-size:14px;font-size:var(--text-sm);font-weight:600;padding:8px 16px;padding:var(--space-2) var(--space-4)}.referral-bonus-text{color:#10b981;color:var(--ai-success);display:inline-block;font-weight:600;margin-top:8px;margin-top:var(--space-2)}.start-invest-section{margin-top:32px;margin-top:var(--space-8);text-align:center}.start-invest-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);border:none;border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:20px;font-size:var(--text-xl);font-weight:700;gap:12px;gap:var(--space-3);justify-content:center;overflow:hidden;padding:24px 40px;padding:var(--space-6) var(--space-10);position:relative;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out);width:100%}.start-invest-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(0,0,.2,1);transition:left var(--duration-500) var(--ease-out);width:100%}.start-invest-btn:hover{box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;box-shadow:var(--shadow-glow-lg);transform:translateY(-3px)}.start-invest-btn:hover:before{left:100%}.start-invest-desc{color:#334155;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);font-weight:500;line-height:1.625;line-height:var(--leading-relaxed);margin-top:16px;margin-top:var(--space-4)}.loading-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);background:var(--gradient-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;justify-content:center;padding:64px;padding:var(--space-16);text-align:center}.ai-loading-spinner{animation:spin 1s linear infinite;animation:spin var(--duration-1000) var(--ease-linear) infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;border:4px solid var(--border-light);border-top-color:var(--ai-primary);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);height:80px;margin-bottom:24px;margin-bottom:var(--space-6);width:80px}.loading-container p{color:#6366f1;color:var(--ai-primary);font-size:20px;font-size:var(--text-xl);font-weight:600;margin:0}.dashboard-content{display:flex;flex-direction:column;gap:40px;gap:var(--space-10)}.stats-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px;margin-bottom:var(--space-10)}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);background:var(--gradient-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;padding:24px;padding:var(--space-6);position:relative;transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-300) var(--ease-out)}.stat-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:20px 20px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(0,0,.2,1);transition:transform var(--duration-300) var(--ease-out)}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.income-card{background:linear-gradient(145deg,#10b98114,#ffffffe6);border-color:#10b98133;border-color:var(--border-success)}.income-card:before{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.stat-header{gap:16px;gap:var(--space-4);margin-bottom:8px;margin-bottom:var(--space-2)}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);flex-shrink:0;font-size:20px;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.income-card .stat-icon{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.stat-info{flex:1 1;min-width:0}.stat-label{color:#64748b;color:var(--text-tertiary);font-size:12px;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.stat-label,.stat-value{margin-bottom:var(--space-1)}.stat-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:24px;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.025em;line-height:1;line-height:var(--leading-none)}.stat-unit{color:#334155;color:var(--text-secondary);font-size:12px;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.action-buttons{gap:24px;gap:var(--space-6);margin-bottom:40px;margin-bottom:var(--space-10)}.action-btn{align-items:center;border:none;border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);cursor:pointer;display:flex;font-size:18px;font-size:var(--text-lg);font-weight:700;gap:12px;gap:var(--space-3);justify-content:center;min-width:200px;overflow:hidden;padding:20px 40px;padding:var(--space-5) var(--space-10);position:relative;transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(0,0,.2,1);transition:left var(--duration-500) var(--ease-out);width:100%}.withdraw-btn{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.update-btn,.withdraw-btn{color:#fff;color:var(--text-inverse)}.update-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary)}.action-btn:hover{box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;box-shadow:var(--shadow-glow-lg);transform:translateY(-3px)}.action-btn:hover:before{left:100%}.btn-icon{font-size:20px;font-size:var(--text-xl)}.main-content-grid{grid-gap:32px;grid-gap:var(--space-8);display:grid;gap:32px;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-bottom:40px;margin-bottom:var(--space-10)}.content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);background:var(--gradient-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);padding:32px;padding:var(--space-8);transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-300) var(--ease-out)}.content-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.card-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);padding-bottom:24px;padding-bottom:var(--space-6)}.card-header h3{color:#0f172a;color:var(--text-primary);font-size:24px;font-size:var(--text-2xl);font-weight:700;margin:0}.total-income .total-value{color:#10b981;color:var(--ai-success);font-family:JetBrains Mono,monospace;font-size:20px;font-size:var(--text-xl);font-weight:800}.income-breakdown{flex-direction:column}.income-breakdown,.income-item{display:flex;gap:16px;gap:var(--space-4)}.income-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:20px;padding:var(--space-5);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.income-item:hover{border-color:#6366f133;border-color:var(--border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.income-icon{align-items:center;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:20px;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.income-icon.roi{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success)}.income-icon.referral{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning)}.income-icon.level{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary)}.income-details{flex:1 1;min-width:0}.income-label{color:#334155;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:600;letter-spacing:.025em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.income-value{color:#0f172a;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:18px;font-size:var(--text-lg);font-weight:700}.income-percentage{border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);color:#64748b;color:var(--text-tertiary);font-size:14px;font-size:var(--text-sm);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3)}.income-percentage,.referral-id{background:#f1f5f9;background:var(--bg-tertiary)}.referral-id{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4)}.ref-label{color:#334155;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:600}.ref-value{color:#6366f1;color:var(--ai-primary);font-family:JetBrains Mono,monospace;font-size:16px;font-size:var(--text-base);font-weight:700}.referral-link-section{margin-bottom:32px;margin-bottom:var(--space-8)}.referral-link-container{display:flex;gap:12px;gap:var(--space-3);margin-bottom:24px;margin-bottom:var(--space-6)}.referral-link{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:inset 0 2px 4px 0 #0000000f;box-shadow:var(--shadow-inset);color:#334155;color:var(--text-secondary);flex:1 1;font-family:JetBrains Mono,monospace;line-height:1.375;line-height:var(--leading-snug);padding:16px;padding:var(--space-4);word-break:break-all}.copy-link-btn,.referral-link{font-size:14px;font-size:var(--text-sm)}.copy-link-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-weight:600;gap:8px;gap:var(--space-2);padding:16px 24px;padding:var(--space-4) var(--space-6);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out);white-space:nowrap}.copy-link-btn:hover{box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;box-shadow:var(--shadow-glow-lg);transform:translateY(-2px)}.referral-stats{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:32px;margin-bottom:var(--space-8)}.ref-stat{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;gap:12px;gap:var(--space-3);padding:16px;padding:var(--space-4);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.ref-stat:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.ref-stat-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:18px;font-size:var(--text-lg);height:40px;justify-content:center;width:40px}.ref-stat-info{flex:1 1;min-width:0}.ref-stat-value{color:#0f172a;color:var(--text-primary);display:block;font-family:JetBrains Mono,monospace;font-size:18px;font-size:var(--text-lg);font-weight:700;margin-bottom:4px;margin-bottom:var(--space-1)}.ref-stat-label{color:#64748b;color:var(--text-tertiary);font-size:12px;font-size:var(--text-xs);font-weight:600;letter-spacing:.025em;text-transform:uppercase}.achievement-badge{background:linear-gradient(145deg,#6366f114,#ffffffe6);border:2px solid #6366f133;border:2px solid var(--border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);gap:16px;gap:var(--space-4);padding:20px;padding:var(--space-5)}.achievement-badge,.achievement-icon{align-items:center;border-radius:16px;border-radius:var(--radius-xl);display:flex}.achievement-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);font-size:30px;font-size:var(--text-3xl);height:60px;justify-content:center;width:60px}.achievement-info{flex:1 1}.achievement-level{display:block;font-size:18px;font-size:var(--text-lg);font-weight:700;letter-spacing:.025em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.achievement-desc{color:#64748b;color:var(--text-tertiary);font-size:14px;font-size:var(--text-sm);line-height:1.625;line-height:var(--leading-relaxed)}.recent-activities{grid-column:1/-1}.view-all-btn{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#334155;color:var(--text-secondary);cursor:pointer;font-size:14px;font-size:var(--text-sm);font-weight:600;padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.view-all-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--gradient-primary);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);transform:translateY(-1px)}.activities-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3);max-height:400px;overflow-y:auto;padding-right:8px;padding-right:var(--space-2)}.activity-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:16px;gap:var(--space-4);padding:16px;padding:var(--space-4);transition:all .2s cubic-bezier(0,0,.2,1);transition:all var(--duration-200) var(--ease-out)}.activity-item:hover{border-color:#6366f133;border-color:var(--border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.activity-icon{align-items:center;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:20px;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.activity-details{flex:1 1;min-width:0}.activity-name{color:#0f172a;color:var(--text-primary);font-size:16px;font-size:var(--text-base);font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.activity-time{color:#64748b;color:var(--text-tertiary);font-size:14px;font-size:var(--text-sm)}.activity-amount{color:#10b981;color:var(--ai-success);font-family:JetBrains Mono,monospace;font-size:16px;font-size:var(--text-base);font-weight:700}.no-activities{color:#64748b;color:var(--text-tertiary);padding:48px;padding:var(--space-12);text-align:center}.no-activities-icon{font-size:48px;font-size:var(--text-5xl);margin-bottom:16px;margin-bottom:var(--space-4);opacity:.6}.no-activities-text{font-size:18px;font-size:var(--text-lg);font-weight:600}.activities-list::-webkit-scrollbar{width:6px}.activities-list::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm)}.activities-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:4px;border-radius:var(--radius-sm)}.activities-list::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--ai-primary)}@media (max-width:1200px){.main-content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.dashboard{padding:16px;padding:var(--space-4)}.dashboard-header{margin-bottom:24px;margin-bottom:var(--space-6);padding:24px;padding:var(--space-6)}.dashboard-title{flex-direction:column;font-size:30px;font-size:var(--text-3xl);gap:8px;gap:var(--space-2)}.title-icon{font-size:20px;font-size:var(--text-xl);height:48px;width:48px}.top-right-info{flex-direction:row;gap:8px;gap:var(--space-2);justify-content:center;margin-top:16px;margin-top:var(--space-4);position:static}.welcome-user-box{margin-bottom:24px;margin-bottom:var(--space-6);max-width:100%;padding:24px;padding:var(--space-6)}.user-avatar{font-size:30px;font-size:var(--text-3xl);height:80px;width:80px}.new-user-upline-section{margin:24px 0;margin:var(--space-6) 0;padding:16px;padding:var(--space-4)}.new-user-upline-section h3{font-size:18px;font-size:var(--text-lg);margin-bottom:16px;margin-bottom:var(--space-4)}.upline-info-card{gap:12px;gap:var(--space-3);padding:16px;padding:var(--space-4)}.upline-details{gap:8px;gap:var(--space-2)}.upline-address,.upline-id{font-size:12px;font-size:var(--text-xs);padding:8px 12px;padding:var(--space-2) var(--space-3)}.invitation-badge{font-size:12px;font-size:var(--text-xs);padding:4px 12px;padding:var(--space-1) var(--space-3)}.action-buttons{align-items:center;flex-direction:column}.action-btn{min-width:250px}.stats-grid{gap:12px;gap:var(--space-3);grid-template-columns:1fr 1fr}.content-card{padding:24px;padding:var(--space-6)}.referral-link-container{flex-direction:column}.referral-stats,.welcome-stats{grid-template-columns:1fr}.achievement-badge{flex-direction:column;text-align:center}.start-invest-btn{font-size:18px;font-size:var(--text-lg);padding:20px 32px;padding:var(--space-5) var(--space-8)}}@media (max-width:480px){.dashboard{padding:12px;padding:var(--space-3)}.stats-grid{gap:8px;gap:var(--space-2);grid-template-columns:1fr}.stat-card{padding:16px;padding:var(--space-4)}.stat-header{align-items:center;flex-direction:column;gap:8px;gap:var(--space-2);text-align:center}.mini-info-card{font-size:10px;padding:4px 8px;padding:var(--space-1) var(--space-2)}.sponsor-id-display,.user-id-display{font-size:12px;font-size:var(--text-xs);padding:12px 16px;padding:var(--space-3) var(--space-4)}.new-user-upline-section{border-radius:16px;border-radius:var(--radius-xl);margin:16px 0;margin:var(--space-4) 0;padding:12px;padding:var(--space-3)}.new-user-upline-section h3{font-size:16px;font-size:var(--text-base);margin-bottom:12px;margin-bottom:var(--space-3)}.upline-info-card{border-radius:12px;border-radius:var(--radius-lg);gap:8px;gap:var(--space-2);padding:12px;padding:var(--space-3)}.upline-address,.upline-id{border-radius:8px;border-radius:var(--radius-md);font-size:11px;padding:8px;padding:var(--space-2)}.invitation-badge{border-radius:12px;border-radius:var(--radius-lg);font-size:10px;padding:6px 8px;padding:6px var(--space-2)}.welcome-stats{gap:16px;gap:var(--space-4);grid-template-columns:1fr}.welcome-stat{flex-direction:column;gap:16px;gap:var(--space-4);padding:24px;padding:var(--space-6);text-align:center}.welcome-stat .stat-icon{font-size:24px;font-size:var(--text-2xl);height:60px;width:60px}.start-invest-btn{font-size:16px;font-size:var(--text-base);padding:16px 24px;padding:var(--space-4) var(--space-6)}.welcome-card{padding:24px;padding:var(--space-6)}.welcome-header{align-items:center;flex-direction:column;gap:16px;gap:var(--space-4);text-align:center}.welcome-icon{font-size:36px;font-size:var(--text-4xl);height:80px;width:80px}}.investment-management{background:#fffffff2;border:1px solid #0000001a;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin:25px 0;padding:25px}.investment-management .card-header{align-items:center;border-bottom:2px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.investment-management h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.investment-count{background:linear-gradient(45deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 4px 15px #4caf504d;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.investments-list{display:flex;flex-direction:column;gap:20px}.investment-item{background:#fff;border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.investment-item:hover{border-color:#667eea;box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.investment-info{margin-bottom:20px}.investment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.investment-left{display:flex;flex-direction:column;gap:8px}.investment-right{text-align:right}.plan-badge{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.investment-amount{color:#2c3e50;font-size:1.8rem;font-weight:800;margin:5px 0}.investment-details{grid-gap:15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;margin:15px 0;padding:15px}.detail-item{text-align:center}.detail-label{color:#6c757d;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.available-roi{color:#28a745}.total-withdrawn{color:#6f42c1}.investment-status{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.status-badge{border-radius:15px;font-size:.85rem;letter-spacing:.3px;padding:6px 14px}.status-badge.active{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 3px 10px #28a74566}.status-badge.inactive{background:linear-gradient(45deg,#6c757d,#5a6268);box-shadow:0 3px 10px #6c757d66}.investment-date{color:#6c757d;font-size:.9rem;font-weight:500}.investment-actions{grid-gap:15px;align-items:center;border-top:1px solid #e9ecef;display:grid;gap:15px;grid-template-columns:auto auto 1fr;margin-top:20px;padding-top:20px}.capital-withdraw-btn,.roi-withdraw-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;min-width:140px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.roi-withdraw-btn{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.roi-withdraw-btn:hover:not(:disabled){background:linear-gradient(45deg,#218838,#1e7e34);box-shadow:0 6px 20px #28a74580;transform:translateY(-2px)}.capital-withdraw-btn{background:linear-gradient(45deg,#fd7e14,#e55d00);box-shadow:0 4px 15px #fd7e144d;color:#fff}.capital-withdraw-btn:hover:not(:disabled){background:linear-gradient(45deg,#e55d00,#d63384);box-shadow:0 6px 20px #fd7e1480;transform:translateY(-2px)}.capital-withdraw-btn:disabled,.roi-withdraw-btn:disabled{background:linear-gradient(45deg,#6c757d,#5a6268);box-shadow:none;color:#fffc;cursor:not-allowed;transform:none}.capital-section{align-items:center;display:flex;justify-self:end}.capital-locked{align-items:center;background:linear-gradient(45deg,#ffc107,#ffb300);border:1px solid #ffb300;border-radius:25px;box-shadow:0 4px 15px #ffc1074d;color:#212529;display:flex;font-size:.85rem;font-weight:700;gap:10px;padding:10px 18px}.lock-icon{animation:pulse 2s infinite;font-size:1.1rem}.lock-text{font-weight:700}.capital-withdrawn{align-items:center;background:linear-gradient(45deg,#28a745,#20c997);border:1px solid #28a745;border-radius:25px;box-shadow:0 4px 15px #28a7454d;color:#fff;display:flex;font-size:.85rem;font-weight:700;gap:10px;padding:10px 18px}.withdrawn-icon{font-size:1.1rem}.withdrawn-text{font-weight:700}.capital-withdraw-btn:disabled:after,.roi-withdraw-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:18px;margin-left:10px;position:absolute;width:18px}@media (max-width:768px){.investment-management{margin:20px 0;padding:20px}.investment-item{padding:20px}.investment-header{align-items:flex-start;flex-direction:column;gap:10px}.investment-details{gap:10px;grid-template-columns:1fr}.investment-actions{gap:12px;grid-template-columns:1fr}.capital-withdraw-btn,.roi-withdraw-btn{min-width:0;min-width:auto;width:100%}.capital-locked,.capital-withdrawn{justify-content:center;width:100%}}@media (max-width:480px){.investment-amount{font-size:1.4rem}.plan-badge{font-size:.8rem;padding:6px 12px}.capital-withdraw-btn,.roi-withdraw-btn{font-size:.85rem;padding:14px 20px}}.dashboard-notifications{bottom:20px!important;display:flex!important;flex-direction:column-reverse!important;gap:12px;left:auto!important;max-width:420px;pointer-events:none;position:fixed!important;right:20px!important;top:auto!important;transform:translateZ(0);width:auto;z-index:999999!important}.dashboard-notification{word-wrap:break-word;align-items:flex-start;animation:slideInFromBottom .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;font-size:14px;font-weight:500;gap:12px;line-height:1.4;max-width:100%;min-width:280px;overflow:hidden;overflow-wrap:break-word;padding:16px 20px;pointer-events:auto;position:relative}.dashboard-notification .notification-content{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.dashboard-notification .notification-content svg{flex-shrink:0;height:20px;margin-top:2px;width:20px}.dashboard-notification .notification-content span{word-wrap:break-word;flex:1 1;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.dashboard-notification .notification-close{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:28px;justify-content:center;line-height:1;margin:-4px;opacity:.8;padding:4px;transition:all .2s ease;width:28px}.dashboard-notification .notification-close:hover{background:#ffffff26;opacity:1;transform:scale(1.05)}.dashboard-notification .notification-close:active{transform:scale(.95)}.dashboard-success-notification{background:linear-gradient(135deg,#10b981f2,#059669f2);border-color:#10b98166;color:#fff}.dashboard-success-notification svg{color:#fffffff2}.dashboard-error-notification{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-color:#ef444466;color:#fff}.dashboard-error-notification svg{color:#fffffff2}.dashboard-warning-notification{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border-color:#f59e0b66;color:#fff}.dashboard-warning-notification svg{color:#fffffff2}.dashboard-info-notification{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border-color:#3b82f666;color:#fff}.dashboard-info-notification svg{color:#fffffff2}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%) translateX(20px) scale(.95)}50%{opacity:.8;transform:translateY(-10px) translateX(0) scale(1.02)}to{opacity:1;transform:translateY(0) translateX(0) scale(1)}}@media (max-width:768px){.dashboard-notifications{bottom:15px!important;left:15px!important;max-width:none!important;right:15px!important}.dashboard-notification{border-radius:10px;font-size:13px;min-width:auto;padding:14px 16px}.dashboard-notification .notification-content{gap:8px}.dashboard-notification .notification-content svg{height:18px;width:18px}.dashboard-notification .notification-close{font-size:18px;height:24px;width:24px}}@media (max-width:480px){.dashboard-notifications{bottom:10px!important;left:10px!important;right:10px!important}.dashboard-notification{border-radius:8px;font-size:12px;padding:12px 14px}.dashboard-notification .notification-content svg{height:16px;width:16px}.dashboard-notification .notification-close{font-size:16px;height:22px;width:22px}}@media (prefers-color-scheme:dark){.dashboard-notification{border-color:#ffffff1a;box-shadow:0 8px 32px #0006}}@media (prefers-contrast:high){.dashboard-notification{border-width:2px;box-shadow:0 4px 16px #00000080}}@media (prefers-reduced-motion:reduce){@keyframes slideInFromBottom{0%{opacity:0}to{opacity:1}}.dashboard-notification .notification-close{transition:none}.dashboard-notification .notification-close:active,.dashboard-notification .notification-close:hover{transform:none}}@media print{.dashboard-notifications{display:none!important}}body .dashboard-notifications{bottom:20px!important;position:fixed!important;top:auto!important}:root{--staking-primary-600:#2563eb;--staking-primary-500:#3b82f6;--staking-primary-400:#60a5fa;--staking-primary-100:#dbeafe;--staking-primary-50:#eff6ff;--staking-success-600:#059669;--staking-success-500:#10b981;--staking-success-400:#34d399;--staking-success-100:#d1fae5;--staking-success-50:#ecfdf5;--staking-warning-600:#d97706;--staking-warning-500:#f59e0b;--staking-warning-400:#fbbf24;--staking-warning-100:#fed7aa;--staking-warning-50:#fffbeb;--staking-danger-600:#dc2626;--staking-danger-500:#ef4444;--staking-danger-400:#f87171;--staking-danger-100:#fecaca;--staking-danger-50:#fef2f2;--staking-neutral-900:#111827;--staking-neutral-800:#1f2937;--staking-neutral-700:#374151;--staking-neutral-600:#4b5563;--staking-neutral-500:#6b7280;--staking-neutral-400:#9ca3af;--staking-neutral-300:#d1d5db;--staking-neutral-200:#e5e7eb;--staking-neutral-100:#f3f4f6;--staking-neutral-50:#f9fafb;--staking-bg-primary:#fff;--staking-bg-secondary:#f8fafc;--staking-bg-tertiary:#f1f5f9;--staking-bg-elevated:#fff;--staking-bg-glass:#fffc;--staking-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--staking-gradient-success:linear-gradient(135deg,#11998e,#38ef7d);--staking-gradient-warning:linear-gradient(135deg,#f093fb,#f5576c);--staking-shadow-xs:0 1px 2px 0 #0000000d;--staking-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--staking-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--staking-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--staking-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--staking-shadow-2xl:0 25px 50px -12px #00000040;--staking-shadow-colored:0 10px 25px -5px #3b82f626;--staking-shadow-success:0 10px 25px -5px #10b98126;--staking-space-1:4px;--staking-space-2:8px;--staking-space-3:12px;--staking-space-4:16px;--staking-space-5:20px;--staking-space-6:24px;--staking-space-8:32px;--staking-space-10:40px;--staking-space-12:48px;--staking-space-16:64px;--staking-space-20:80px;--staking-radius-sm:4px;--staking-radius-md:6px;--staking-radius-lg:8px;--staking-radius-xl:12px;--staking-radius-2xl:16px;--staking-radius-3xl:24px;--staking-radius-full:9999px;--staking-text-xs:12px;--staking-text-sm:14px;--staking-text-base:16px;--staking-text-lg:18px;--staking-text-xl:20px;--staking-text-2xl:24px;--staking-text-3xl:30px;--staking-text-4xl:36px;--staking-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--staking-transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--staking-transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--staking-transition-spring:300ms cubic-bezier(0.68,-0.55,0.265,1.55)}.staking-form-container{background:#f8fafc;background:var(--staking-bg-secondary);color:#111827;color:var(--staking-neutral-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px;padding:var(--staking-space-8);position:relative}.staking-form-container:before{background:radial-gradient(circle at 20% 20%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 80%,#10b98108 0,#0000 50%),radial-gradient(circle at 40% 60%,#f59e0b05 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.staking-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--staking-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--staking-neutral-200);border-radius:24px;border-radius:var(--staking-radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--staking-shadow-xl);margin-bottom:48px;margin-bottom:var(--staking-space-12);overflow:hidden;padding:40px;padding:var(--staking-space-10);position:relative;text-align:center}.staking-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--staking-gradient-primary);border-radius:24px 24px 0 0;border-radius:var(--staking-radius-3xl) var(--staking-radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.staking-header-content{margin-bottom:32px;margin-bottom:var(--staking-space-8)}.staking-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--staking-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:36px;font-size:var(--staking-text-4xl);font-weight:800;letter-spacing:-.02em;margin:0 0 16px;margin:0 0 var(--staking-space-4) 0}.staking-page-subtitle{color:#4b5563;color:var(--staking-neutral-600);font-size:18px;font-size:var(--staking-text-lg);font-weight:500;margin:0 auto;max-width:600px}.staking-filter-section{margin-bottom:24px;margin-bottom:var(--staking-space-6)}.staking-filter-title{color:#374151;color:var(--staking-neutral-700);font-size:18px;font-size:var(--staking-text-lg);font-weight:600;margin:0 0 8px;margin:0 0 var(--staking-space-2) 0}.staking-filter-subtitle{color:#6b7280;color:var(--staking-neutral-500);font-size:14px;font-size:var(--staking-text-sm);margin:0 0 16px;margin:0 0 var(--staking-space-4) 0}.staking-filter-buttons{display:flex;flex-wrap:wrap;gap:12px;gap:var(--staking-space-3);justify-content:center}.staking-filter-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--staking-bg-glass);border:1px solid #e5e7eb;border:1px solid var(--staking-neutral-200);border-radius:12px;border-radius:var(--staking-radius-xl);color:#4b5563;color:var(--staking-neutral-600);cursor:pointer;display:flex;font-size:14px;font-size:var(--staking-text-sm);font-weight:500;gap:8px;gap:var(--staking-space-2);padding:12px 20px;padding:var(--staking-space-3) var(--staking-space-5);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--staking-transition-normal)}.staking-filter-btn:hover{background:#f9fafb;background:var(--staking-neutral-50);border-color:#d1d5db;border-color:var(--staking-neutral-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--staking-shadow-md);color:#374151;color:var(--staking-neutral-700);transform:translateY(-1px)}.staking-filter-btn.active{background:#3b82f6;background:var(--staking-primary-500);border-color:#3b82f6;border-color:var(--staking-primary-500);box-shadow:0 10px 25px -5px #3b82f626;box-shadow:var(--staking-shadow-colored);color:#fff;transform:translateY(-2px)}.staking-filter-icon{font-size:16px;font-size:var(--staking-text-base)}.staking-notification{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:12px;border-radius:var(--staking-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--staking-shadow-lg);display:flex;font-weight:500;gap:12px;gap:var(--staking-space-3);margin-bottom:24px;margin-bottom:var(--staking-space-6);padding:16px 24px;padding:var(--staking-space-4) var(--staking-space-6)}.staking-notification.success{background:#ecfdf5;background:var(--staking-success-50);border-color:var(--staking-success-200);color:#059669;color:var(--staking-success-600)}.staking-notification.error{background:#fef2f2;background:var(--staking-danger-50);border-color:var(--staking-danger-200);color:#dc2626;color:var(--staking-danger-600)}.staking-content{grid-gap:32px;grid-gap:var(--staking-space-8);display:grid;gap:32px;gap:var(--staking-space-8)}.staking-plans-section{order:1}.staking-plans-grid{grid-gap:24px;grid-gap:var(--staking-space-6);display:grid;gap:24px;gap:var(--staking-space-6);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.staking-plan-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--staking-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--staking-neutral-200);border-radius:24px;border-radius:var(--staking-radius-3xl);cursor:pointer;overflow:hidden;padding:24px;padding:var(--staking-space-6);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--staking-transition-normal)}.staking-plan-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:24px 24px 0 0;border-radius:var(--staking-radius-3xl) var(--staking-radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--staking-transition-normal)}.staking-plan-card:hover{border-color:#3b82f6;border-color:var(--staking-primary-500);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--staking-shadow-xl);transform:translateY(-4px)}.staking-plan-card:hover:before{transform:scaleX(1)}.staking-plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--staking-space-5)}.staking-plan-number{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 10px 25px -5px #3b82f626;box-shadow:var(--staking-shadow-colored);color:#fff;display:flex;font-size:16px;font-size:var(--staking-text-base);font-weight:700;height:44px;justify-content:center;width:44px}.staking-plan-title{flex:1 1;margin-left:16px;margin-left:var(--staking-space-4)}.staking-plan-title h3{color:#111827;color:var(--staking-neutral-900);font-size:20px;font-size:var(--staking-text-xl);font-weight:700;line-height:1.2;margin:0 0 8px;margin:0 0 var(--staking-space-2) 0}.staking-plan-roi-badge{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px;border-radius:var(--staking-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--staking-shadow-sm);color:#fff;font-size:12px;font-size:var(--staking-text-xs);font-weight:700;letter-spacing:.05em;padding:4px 12px;padding:var(--staking-space-1) var(--staking-space-3);text-transform:uppercase}.staking-plan-badges{display:flex;flex-wrap:wrap;gap:8px;gap:var(--staking-space-2);margin-bottom:20px;margin-bottom:var(--staking-space-5)}.staking-plan-badge{align-items:center;border-radius:4px;border-radius:var(--staking-radius-sm);color:#fff;display:flex;font-size:12px;font-size:var(--staking-text-xs);font-weight:600;gap:4px;gap:var(--staking-space-1);letter-spacing:.025em;padding:4px 8px;padding:var(--staking-space-1) var(--staking-space-2);text-transform:uppercase}.staking-plan-stats{grid-gap:12px;grid-gap:var(--staking-space-3);display:grid;gap:12px;gap:var(--staking-space-3);margin-bottom:20px;margin-bottom:var(--staking-space-5)}.staking-stat-item{align-items:center;background:#fffc;background:var(--staking-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--staking-neutral-100);border-radius:12px;border-radius:var(--staking-radius-xl);display:flex;gap:12px;gap:var(--staking-space-3);padding:12px;padding:var(--staking-space-3);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--staking-transition-normal)}.staking-stat-item:hover{background:#f9fafb;background:var(--staking-neutral-50);transform:translateX(4px)}.staking-stat-icon,.staking-stat-item:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--staking-shadow-sm)}.staking-stat-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-size:var(--staking-text-lg);height:36px;justify-content:center;width:36px}.staking-stat-content{flex:1 1}.staking-stat-label{color:#6b7280;color:var(--staking-neutral-500);display:block;font-size:12px;font-size:var(--staking-text-xs);font-weight:600;letter-spacing:.025em;margin-bottom:4px;margin-bottom:var(--staking-space-1);text-transform:uppercase}.staking-stat-value{color:#111827;color:var(--staking-neutral-900);display:block;font-size:14px;font-size:var(--staking-text-sm);font-weight:600}.staking-stat-value.highlight{color:#3b82f6;color:var(--staking-primary-500);font-size:16px;font-size:var(--staking-text-base);font-weight:700}.staking-plan-description{background:#fffc;background:var(--staking-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--staking-neutral-100);border-radius:12px;border-radius:var(--staking-radius-xl);margin-bottom:20px;margin-bottom:var(--staking-space-5);padding:16px;padding:var(--staking-space-4)}.staking-plan-description p{color:#4b5563;color:var(--staking-neutral-600);font-size:14px;font-size:var(--staking-text-sm);line-height:1.5;margin:0}.staking-select-plan-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;border-radius:var(--staking-radius-xl);box-shadow:0 10px 25px -5px #3b82f626;box-shadow:var(--staking-shadow-colored);color:#fff;cursor:pointer;display:flex;font-size:16px;font-size:var(--staking-text-base);font-weight:600;gap:8px;gap:var(--staking-space-2);justify-content:center;padding:16px 24px;padding:var(--staking-space-4) var(--staking-space-6);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--staking-transition-spring);width:100%}.staking-select-plan-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--staking-shadow-xl);transform:translateY(-2px)}.staking-modal-overlay{align-items:center;animation:staking-modal-fade-in .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:9999}.staking-modal-content{animation:staking-modal-slide-up .3s ease-out;border:1px solid #e5e7eb;border:1px solid var(--staking-neutral-200);border-radius:24px;border-radius:var(--staking-radius-3xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--staking-shadow-2xl);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.staking-modal-content,.staking-modal-header{background:#fff;background:var(--staking-bg-elevated)}.staking-modal-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--staking-neutral-100);border-radius:24px 24px 0 0;border-radius:var(--staking-radius-3xl) var(--staking-radius-3xl) 0 0;padding:24px;padding:var(--staking-space-6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.staking-modal-close{align-items:center;background:#f3f4f6;background:var(--staking-neutral-100);border:none;border-radius:50%;color:#4b5563;color:var(--staking-neutral-600);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;right:var(--staking-space-4);top:16px;top:var(--staking-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--staking-transition-normal);width:36px}.staking-modal-close:hover{background:#e5e7eb;background:var(--staking-neutral-200);color:#1f2937;color:var(--staking-neutral-800);transform:rotate(90deg)}.staking-modal-body{padding:0 24px 24px;padding:0 var(--staking-space-6) var(--staking-space-6)}.staking-form-header{margin-bottom:24px;margin-bottom:var(--staking-space-6);text-align:center}.staking-form-header h2{color:#111827;color:var(--staking-neutral-900);font-size:24px;font-size:var(--staking-text-2xl);font-weight:700;margin:0 0 8px;margin:0 0 var(--staking-space-2) 0}.staking-form-header p{color:#4b5563;color:var(--staking-neutral-600);font-size:16px;font-size:var(--staking-text-base);margin:0}.staking-form-group{margin-bottom:32px;margin-bottom:var(--staking-space-8)}.staking-form-label{color:#111827;color:var(--staking-neutral-900);display:block;font-size:16px;font-size:var(--staking-text-base);font-weight:600;margin-bottom:12px;margin-bottom:var(--staking-space-3)}.staking-amount-input-container{margin-bottom:16px;margin-bottom:var(--staking-space-4)}.staking-input-wrapper{align-items:center;display:flex;position:relative}.staking-amount-input,.staking-referrer-input{background:#fffc;background:var(--staking-bg-glass);border:1px solid #e5e7eb;border:1px solid var(--staking-neutral-200);border-radius:12px;border-radius:var(--staking-radius-xl);font-family:JetBrains Mono,monospace;font-size:16px;font-size:var(--staking-text-base);font-weight:500;padding:16px;padding:var(--staking-space-4);padding-right:80px;padding-right:var(--staking-space-20);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--staking-transition-normal);width:100%}.staking-amount-input:focus,.staking-referrer-input:focus{background:#fff;border-color:#3b82f6;border-color:var(--staking-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.staking-amount-input.error,.staking-referrer-input.error{border-color:#ef4444;border-color:var(--staking-danger-500);box-shadow:0 0 0 3px #ef44441a}.staking-input-suffix{color:#6b7280;color:var(--staking-neutral-500);font-family:JetBrains Mono,monospace;font-size:14px;font-size:var(--staking-text-sm);font-weight:600;position:absolute;right:64px;right:var(--staking-space-16)}.staking-max-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--staking-gradient-primary);border:none;border-radius:8px;border-radius:var(--staking-radius-lg);color:#fff;cursor:pointer;font-size:12px;font-size:var(--staking-text-xs);font-weight:600;padding:8px 12px;padding:var(--staking-space-2) var(--staking-space-3);position:absolute;right:8px;right:var(--staking-space-2);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--staking-transition-normal)}.staking-max-btn:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--staking-shadow-sm);transform:scale(1.05)}.staking-field-error{align-items:center;background:#fef2f2;background:var(--staking-danger-50);border-radius:8px;border-radius:var(--staking-radius-lg);color:#dc2626;color:var(--staking-danger-600);display:flex;font-size:14px;font-size:var(--staking-text-sm);font-weight:500;gap:8px;gap:var(--staking-space-2);margin-top:8px;margin-top:var(--staking-space-2);padding:8px 12px;padding:var(--staking-space-2) var(--staking-space-3)}.staking-amount-info{grid-gap:12px;grid-gap:var(--staking-space-3);background:#fffc;background:var(--staking-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--staking-neutral-100);border-radius:12px;border-radius:var(--staking-radius-xl);display:grid;gap:12px;gap:var(--staking-space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px;padding:var(--staking-space-4)}.staking-info-row{align-items:center;display:flex;font-size:14px;font-size:var(--staking-text-sm);justify-content:space-between}.staking-info-row span:first-child{color:#4b5563;color:var(--staking-neutral-600);font-weight:500}.staking-info-row span:last-child{color:#111827;color:var(--staking-neutral-900);font-family:JetBrains Mono,monospace;font-weight:600}.staking-referrer-note{background:#eff6ff;background:var(--staking-primary-50);border:1px solid #dbeafe;border:1px solid var(--staking-primary-100);border-radius:8px;border-radius:var(--staking-radius-lg);margin-top:12px;margin-top:var(--staking-space-3);padding:12px;padding:var(--staking-space-3)}.staking-referrer-note p{color:#2563eb;color:var(--staking-primary-600);font-size:14px;font-size:var(--staking-text-sm);line-height:1.5;margin:0}.staking-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--staking-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--staking-neutral-100);border-radius:12px;border-radius:var(--staking-radius-xl);padding:24px;padding:var(--staking-space-6)}.staking-summary-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--staking-neutral-100);display:flex;font-size:14px;font-size:var(--staking-text-sm);justify-content:space-between;padding:12px 0;padding:var(--staking-space-3) 0}.staking-summary-row:last-child{border-bottom:none}.staking-summary-row.total{border-bottom:none;border-top:2px solid #e5e7eb;border-top:2px solid var(--staking-neutral-200);color:#059669;color:var(--staking-success-600);font-size:16px;font-size:var(--staking-text-base);font-weight:700;margin-top:8px;margin-top:var(--staking-space-2);padding-top:16px;padding-top:var(--staking-space-4)}.staking-action-buttons{display:flex;gap:16px;gap:var(--staking-space-4);margin-top:32px;margin-top:var(--staking-space-8)}.staking-back-btn{background:#f3f4f6;background:var(--staking-neutral-100);border:1px solid #e5e7eb;border:1px solid var(--staking-neutral-200);border-radius:12px;border-radius:var(--staking-radius-xl);color:#374151;color:var(--staking-neutral-700);cursor:pointer;flex:1 1;font-size:16px;font-size:var(--staking-text-base);font-weight:600;padding:16px 24px;padding:var(--staking-space-4) var(--staking-space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--staking-transition-normal)}.staking-back-btn:hover{background:#e5e7eb;background:var(--staking-neutral-200);color:#1f2937;color:var(--staking-neutral-800);transform:translateY(-1px)}.staking-approve-btn,.staking-stake-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--staking-radius-xl);cursor:pointer;display:flex;flex:2 1;font-size:16px;font-size:var(--staking-text-base);font-weight:600;gap:8px;gap:var(--staking-space-2);justify-content:center;overflow:hidden;padding:16px 24px;padding:var(--staking-space-4) var(--staking-space-6);position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--staking-transition-spring)}.staking-approve-btn{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--staking-gradient-warning);box-shadow:0 10px 25px -5px #f59e0b26;color:#fff}.staking-stake-btn{background:linear-gradient(135deg,#11998e,#38ef7d);background:var(--staking-gradient-success);box-shadow:0 10px 25px -5px #10b98126;box-shadow:var(--staking-shadow-success);color:#fff}.staking-approve-btn:hover,.staking-stake-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--staking-shadow-xl);transform:translateY(-2px)}.staking-approve-btn:disabled,.staking-stake-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.staking-btn-content{align-items:center;display:flex;gap:8px;gap:var(--staking-space-2)}.staking-loading-spinner{animation:staking-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:18px;width:18px}.staking-approval-notice{align-items:center;background:#fffbeb;background:var(--staking-warning-50);border:1px solid var(--staking-warning-200);border-radius:12px;border-radius:var(--staking-radius-xl);color:var(--staking-warning-700);display:flex;gap:12px;gap:var(--staking-space-3);margin-top:16px;margin-top:var(--staking-space-4);padding:16px;padding:var(--staking-space-4)}.staking-approval-notice p{font-size:14px;font-size:var(--staking-text-sm);font-weight:500;margin:0}@keyframes staking-spin{to{transform:rotate(1turn)}}@keyframes staking-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes staking-modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.staking-form-container{padding:16px}.staking-header{margin-bottom:24px;padding:20px}.staking-page-title{font-size:28px}.staking-filter-buttons{gap:8px;justify-content:center}.staking-filter-btn{background:#fff!important;border:1px solid #e5e7eb!important;color:#4b5563!important;font-weight:500;justify-content:center;min-width:50px;padding:8px 12px}.staking-filter-btn:hover{background:#f9fafb!important;border-color:#d1d5db!important;color:#374151!important}.staking-filter-btn.active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.staking-filter-btn span{color:inherit!important}.staking-filter-btn span:last-child{display:none}.staking-filter-icon{color:inherit!important;font-size:18px!important}.staking-plans-grid{gap:20px;grid-template-columns:1fr}.staking-plan-card{padding:20px}.staking-modal-overlay{display:block!important;overflow-y:auto!important;padding:120px 0 0!important}.staking-modal-content{border-radius:16px!important;bottom:auto!important;left:auto!important;margin:0 10px 20px!important;max-height:calc(100vh - 120px)!important;max-width:none!important;position:relative!important;right:auto!important;top:0!important;width:calc(100% - 20px)!important}.staking-modal-header{padding:16px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.staking-modal-body{padding:0 16px 16px!important}.staking-action-buttons{flex-direction:column;gap:12px}.staking-amount-info{grid-template-columns:1fr}.staking-plan-header{align-items:center;flex-direction:column;gap:12px;text-align:center}.staking-plan-title{margin-left:0}}:root{--investments-primary-600:#2563eb;--investments-primary-500:#3b82f6;--investments-primary-400:#60a5fa;--investments-primary-100:#dbeafe;--investments-primary-50:#eff6ff;--investments-success-600:#059669;--investments-success-500:#10b981;--investments-success-400:#34d399;--investments-success-100:#d1fae5;--investments-success-50:#ecfdf5;--investments-warning-600:#d97706;--investments-warning-500:#f59e0b;--investments-warning-400:#fbbf24;--investments-warning-100:#fed7aa;--investments-warning-50:#fffbeb;--investments-danger-600:#dc2626;--investments-danger-500:#ef4444;--investments-danger-400:#f87171;--investments-danger-100:#fecaca;--investments-danger-50:#fef2f2;--investments-neutral-900:#111827;--investments-neutral-800:#1f2937;--investments-neutral-700:#374151;--investments-neutral-600:#4b5563;--investments-neutral-500:#6b7280;--investments-neutral-400:#9ca3af;--investments-neutral-300:#d1d5db;--investments-neutral-200:#e5e7eb;--investments-neutral-100:#f3f4f6;--investments-neutral-50:#f9fafb;--investments-bg-primary:#fff;--investments-bg-secondary:#f8fafc;--investments-bg-tertiary:#f1f5f9;--investments-bg-elevated:#fff;--investments-bg-glass:#fffc;--investments-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--investments-gradient-success:linear-gradient(135deg,#11998e,#38ef7d);--investments-gradient-warning:linear-gradient(135deg,#f093fb,#f5576c);--investments-gradient-danger:linear-gradient(135deg,#ff9a9e,#fecfef);--investments-shadow-xs:0 1px 2px 0 #0000000d;--investments-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--investments-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--investments-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--investments-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--investments-shadow-2xl:0 25px 50px -12px #00000040;--investments-shadow-colored:0 10px 25px -5px #3b82f626;--investments-shadow-success:0 10px 25px -5px #10b98126;--investments-space-1:4px;--investments-space-2:8px;--investments-space-3:12px;--investments-space-4:16px;--investments-space-5:20px;--investments-space-6:24px;--investments-space-8:32px;--investments-space-10:40px;--investments-space-12:48px;--investments-space-16:64px;--investments-space-20:80px;--investments-radius-sm:4px;--investments-radius-md:6px;--investments-radius-lg:8px;--investments-radius-xl:12px;--investments-radius-2xl:16px;--investments-radius-3xl:24px;--investments-radius-full:9999px;--investments-text-xs:12px;--investments-text-sm:14px;--investments-text-base:16px;--investments-text-lg:18px;--investments-text-xl:20px;--investments-text-2xl:24px;--investments-text-3xl:30px;--investments-text-4xl:36px;--investments-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--investments-transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--investments-transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--investments-transition-spring:300ms cubic-bezier(0.68,-0.55,0.265,1.55)}.investments-list-container{background:#f8fafc;background:var(--investments-bg-secondary);color:#111827;color:var(--investments-neutral-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px;padding:var(--investments-space-8);position:relative}.investments-list-container:before{background:radial-gradient(circle at 20% 20%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 80%,#10b98108 0,#0000 50%),radial-gradient(circle at 40% 60%,#f59e0b05 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.investments-list-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--investments-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--investments-neutral-200);border-radius:24px;border-radius:var(--investments-radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--investments-shadow-xl);margin-bottom:48px;margin-bottom:var(--investments-space-12);overflow:hidden;padding:40px;padding:var(--investments-space-10);position:relative;text-align:center}.investments-list-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--investments-gradient-primary);border-radius:24px 24px 0 0;border-radius:var(--investments-radius-3xl) var(--investments-radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.investments-header-content{margin-bottom:24px;margin-bottom:var(--investments-space-6)}.investments-page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--investments-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:36px;font-size:var(--investments-text-4xl);font-weight:800;letter-spacing:-.02em;margin:0 0 16px;margin:0 0 var(--investments-space-4) 0}.investments-portfolio-metrics{display:flex;flex-wrap:wrap;gap:32px;gap:var(--investments-space-8);justify-content:center}.investments-metric-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--investments-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--investments-neutral-100);border-radius:12px;border-radius:var(--investments-radius-xl);display:flex;flex-direction:column;gap:8px;gap:var(--investments-space-2);min-width:120px;padding:16px;padding:var(--investments-space-4)}.investments-metric-label{color:#4b5563;color:var(--investments-neutral-600);font-size:14px;font-size:var(--investments-text-sm);font-weight:500;letter-spacing:.025em;text-transform:uppercase}.investments-metric-value{color:#3b82f6;color:var(--investments-primary-500);font-family:JetBrains Mono,monospace;font-size:24px;font-size:var(--investments-text-2xl);font-weight:700}.investments-notification{align-items:center;animation:investments-slide-down .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:var(--investments-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--investments-shadow-lg);gap:var(--investments-space-3);margin-bottom:24px;margin-bottom:var(--investments-space-6);padding:16px 24px;padding:var(--investments-space-4) var(--investments-space-6)}.investments-notification.investments-success-notification{background:#ecfdf5;background:var(--investments-success-50);border-color:var(--investments-success-200);color:#059669;color:var(--investments-success-600)}.investments-notification.investments-error-notification{background:#fef2f2;background:var(--investments-danger-50);border-color:var(--investments-danger-200);color:#dc2626;color:var(--investments-danger-600)}.investments-list-grid{grid-gap:32px;grid-gap:var(--investments-space-8);display:grid;gap:32px;gap:var(--investments-space-8);grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-bottom:48px;margin-bottom:var(--investments-space-12)}.investments-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--investments-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--investments-neutral-200);border-radius:24px;border-radius:var(--investments-radius-3xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--investments-shadow-lg);overflow:hidden;padding:32px;padding:var(--investments-space-8);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--investments-transition-normal)}.investments-card:hover{border-color:var(--investments-primary-200);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--investments-shadow-2xl);transform:translateY(-4px)}.investments-card:before{background:linear-gradient(135deg,#11998e,#38ef7d);background:var(--investments-gradient-success);border-radius:24px 24px 0 0;border-radius:var(--investments-radius-3xl) var(--investments-radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.investments-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--investments-neutral-100);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--investments-space-6);padding-bottom:16px;padding-bottom:var(--investments-space-4)}.investments-plan-information{flex:1 1}.investments-plan-title{color:#111827;color:var(--investments-neutral-900);font-size:20px;font-size:var(--investments-text-xl);font-weight:700;line-height:1.2;margin:0 0 8px;margin:0 0 var(--investments-space-2) 0}.investments-plan-identifier{color:#6b7280;color:var(--investments-neutral-500);font-family:JetBrains Mono,monospace;font-size:14px;font-size:var(--investments-text-sm);font-weight:500}.investments-status-indicator{border-radius:9999px;border-radius:var(--investments-radius-full);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--investments-shadow-sm);color:#fff;font-size:12px;font-size:var(--investments-text-xs);font-weight:600;letter-spacing:.05em;padding:8px 16px;padding:var(--investments-space-2) var(--investments-space-4);text-transform:uppercase}.investments-status-text{color:#fff}.investments-information{margin-bottom:24px;margin-bottom:var(--investments-space-6)}.investments-info-grid{grid-gap:16px;grid-gap:var(--investments-space-4);display:grid;gap:16px;gap:var(--investments-space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.investments-info-item{background:#fffc;background:var(--investments-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--investments-neutral-100);border-radius:12px;border-radius:var(--investments-radius-xl);display:flex;flex-direction:column;gap:8px;gap:var(--investments-space-2);padding:16px;padding:var(--investments-space-4);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--investments-transition-normal)}.investments-info-item:hover{background:#f9fafb;background:var(--investments-neutral-50);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--investments-shadow-sm);transform:translateY(-2px)}.investments-info-label{color:#6b7280;color:var(--investments-neutral-500);font-size:12px;font-size:var(--investments-text-xs);font-weight:600;letter-spacing:.025em;text-transform:uppercase}.investments-info-value{color:#111827;color:var(--investments-neutral-900);font-family:JetBrains Mono,monospace;font-size:14px;font-size:var(--investments-text-sm);font-weight:600}.investments-info-value.investments-primary-value{color:#3b82f6;color:var(--investments-primary-500);font-size:16px;font-size:var(--investments-text-base);font-weight:700}.investments-info-value.investments-success-value{color:#10b981;color:var(--investments-success-500);font-weight:700}.investments-progress-tracking{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--investments-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--investments-neutral-100);border-radius:12px;border-radius:var(--investments-radius-xl);margin-bottom:24px;margin-bottom:var(--investments-space-6);padding:24px;padding:var(--investments-space-6)}.investments-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--investments-space-4)}.investments-progress-title{color:#374151;color:var(--investments-neutral-700);font-size:16px;font-size:var(--investments-text-base);font-weight:600}.investments-progress-value{color:#3b82f6;color:var(--investments-primary-500);font-family:JetBrains Mono,monospace;font-size:18px;font-size:var(--investments-text-lg);font-weight:700}.investments-progress-bar-container{margin-bottom:12px;margin-bottom:var(--investments-space-3)}.investments-progress-bar{background:#e5e7eb;background:var(--investments-neutral-200);height:8px;overflow:hidden;width:100%}.investments-progress-bar,.investments-progress-fill{border-radius:9999px;border-radius:var(--investments-radius-full);position:relative}.investments-progress-fill{background:linear-gradient(135deg,#11998e,#38ef7d);background:var(--investments-gradient-success);height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--investments-transition-slow)}.investments-progress-fill:after{animation:investments-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.investments-progress-details{align-items:center;display:flex;justify-content:space-between}.investments-duration-info{color:#6b7280;color:var(--investments-neutral-500);font-size:14px;font-size:var(--investments-text-sm);font-weight:500}.investments-roi-management{align-items:center;background:#ecfdf5;background:var(--investments-success-50);border:1px solid var(--investments-success-200);border-radius:12px;border-radius:var(--investments-radius-xl);display:flex;gap:16px;gap:var(--investments-space-4);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--investments-space-6);padding:24px;padding:var(--investments-space-6)}.investments-roi-display{display:flex;flex-direction:column;gap:8px;gap:var(--investments-space-2)}.investments-roi-title{color:#059669;color:var(--investments-success-600);font-size:14px;font-size:var(--investments-text-sm);font-weight:600;letter-spacing:.025em;text-transform:uppercase}.investments-roi-value{color:var(--investments-success-700);font-family:JetBrains Mono,monospace;font-size:18px;font-size:var(--investments-text-lg);font-weight:700}.investments-capital-management{align-items:center;background:#eff6ff;background:var(--investments-primary-50);border:1px solid var(--investments-primary-200);border-radius:12px;border-radius:var(--investments-radius-xl);display:flex;gap:16px;gap:var(--investments-space-4);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--investments-space-6);padding:24px;padding:var(--investments-space-6)}.investments-capital-status{display:flex;flex-direction:column;gap:8px;gap:var(--investments-space-2)}.investments-capital-title{color:#2563eb;color:var(--investments-primary-600)}.investments-capital-indicator,.investments-capital-title{font-size:14px;font-size:var(--investments-text-sm);font-weight:600;letter-spacing:.025em;text-transform:uppercase}.investments-capital-indicator{border-radius:8px;border-radius:var(--investments-radius-lg);padding:4px 12px;padding:var(--investments-space-1) var(--investments-space-3)}.investments-capital-indicator.withdrawn{background:#d1fae5;background:var(--investments-success-100);color:var(--investments-success-700)}.investments-capital-indicator.locked{background:#fed7aa;background:var(--investments-warning-100);color:var(--investments-warning-700)}.investments-action-button{align-items:center;border:none;border-radius:12px;border-radius:var(--investments-radius-xl);cursor:pointer;display:flex;font-size:14px;font-size:var(--investments-text-sm);font-weight:600;gap:8px;gap:var(--investments-space-2);justify-content:center;min-width:140px;overflow:hidden;padding:12px 20px;padding:var(--investments-space-3) var(--investments-space-5);position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--investments-transition-spring)}.investments-action-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--investments-shadow-lg);transform:translateY(-2px)}.investments-action-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.investments-action-button.investments-roi-button{background:linear-gradient(135deg,#11998e,#38ef7d);background:var(--investments-gradient-success);box-shadow:0 10px 25px -5px #10b98126;box-shadow:var(--investments-shadow-success);color:#fff}.investments-action-button.investments-capital-button{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--investments-gradient-warning);box-shadow:0 10px 25px -5px #f59e0b26;color:#fff}.investments-action-button.disabled{background:#d1d5db;background:var(--investments-neutral-300);box-shadow:none;color:#6b7280;color:var(--investments-neutral-500)}.investments-button-content{align-items:center;display:flex;gap:8px;gap:var(--investments-space-2)}.investments-loading-indicator{animation:investments-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:16px;width:16px}.investments-status-notification{align-items:center;border:1px solid;border-radius:12px;border-radius:var(--investments-radius-xl);display:flex;font-size:14px;font-size:var(--investments-text-sm);font-weight:500;gap:12px;gap:var(--investments-space-3);padding:16px;padding:var(--investments-space-4)}.investments-status-notification.investments-inactive{background:#f9fafb;background:var(--investments-neutral-50);border-color:#e5e7eb;border-color:var(--investments-neutral-200);color:#4b5563;color:var(--investments-neutral-600)}.investments-status-notification.investments-warning{background:#fffbeb;background:var(--investments-warning-50);border-color:var(--investments-warning-200);color:#d97706;color:var(--investments-warning-600)}.investments-portfolio-summary{margin-top:48px;margin-top:var(--investments-space-12)}.investments-summary-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--investments-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--investments-neutral-200);border-radius:24px;border-radius:var(--investments-radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--investments-shadow-xl);overflow:hidden;padding:32px;padding:var(--investments-space-8);position:relative}.investments-summary-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--investments-gradient-primary);border-radius:24px 24px 0 0;border-radius:var(--investments-radius-3xl) var(--investments-radius-3xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.investments-summary-title{color:#111827;color:var(--investments-neutral-900);font-size:24px;font-size:var(--investments-text-2xl);font-weight:700;margin:0 0 24px;margin:0 0 var(--investments-space-6) 0;text-align:center}.investments-summary-statistics{grid-gap:24px;grid-gap:var(--investments-space-6);display:grid;gap:24px;gap:var(--investments-space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.investments-summary-stat{align-items:center;background:#fffc;background:var(--investments-bg-glass);border:1px solid #f3f4f6;border:1px solid var(--investments-neutral-100);border-radius:12px;border-radius:var(--investments-radius-xl);display:flex;gap:16px;gap:var(--investments-space-4);padding:24px;padding:var(--investments-space-6);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--investments-transition-normal)}.investments-summary-stat:hover{background:#f9fafb;background:var(--investments-neutral-50);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--investments-shadow-md);transform:translateY(-2px)}.investments-stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--investments-gradient-primary);border-radius:50%;box-shadow:0 10px 25px -5px #3b82f626;box-shadow:var(--investments-shadow-colored);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.investments-stat-content{display:flex;flex-direction:column;gap:4px;gap:var(--investments-space-1)}.investments-stat-amount{color:#111827;color:var(--investments-neutral-900);font-family:JetBrains Mono,monospace;font-size:20px;font-size:var(--investments-text-xl);font-weight:700}.investments-stat-description{color:#6b7280;color:var(--investments-neutral-500);font-size:14px;font-size:var(--investments-text-sm);font-weight:500}.investments-empty-state-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--investments-bg-elevated);border:1px solid #e5e7eb;border:1px solid var(--investments-neutral-200);border-radius:24px;border-radius:var(--investments-radius-3xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--investments-shadow-xl);padding:64px;padding:var(--investments-space-16);text-align:center}.investments-empty-state-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--investments-gradient-primary);border-radius:50%;box-shadow:0 10px 25px -5px #3b82f626;box-shadow:var(--investments-shadow-colored);color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;margin:0 auto var(--investments-space-6);width:80px}.investments-empty-state-title{color:#111827;color:var(--investments-neutral-900);font-size:24px;font-size:var(--investments-text-2xl);font-weight:700;margin:0 0 16px;margin:0 0 var(--investments-space-4) 0}.investments-empty-state-description{color:#4b5563;color:var(--investments-neutral-600);font-size:16px;font-size:var(--investments-text-base);margin:0 0 32px;margin:0 0 var(--investments-space-8) 0;margin-left:auto;margin-right:auto;max-width:400px}.investments-empty-state-actions{display:flex;justify-content:center}.investments-primary-action-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--investments-gradient-primary);border:none;border-radius:12px;border-radius:var(--investments-radius-xl);box-shadow:0 10px 25px -5px #3b82f626;box-shadow:var(--investments-shadow-colored);color:#fff;cursor:pointer;display:flex;font-size:16px;font-size:var(--investments-text-base);font-weight:600;gap:8px;gap:var(--investments-space-2);padding:16px 32px;padding:var(--investments-space-4) var(--investments-space-8);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--investments-transition-spring)}.investments-primary-action-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--investments-shadow-xl);transform:translateY(-2px)}@keyframes investments-spin{to{transform:rotate(1turn)}}@keyframes investments-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes investments-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.investments-list-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width:768px){.investments-list-container{padding:16px;padding:var(--investments-space-4)}.investments-list-header{margin-bottom:32px;margin-bottom:var(--investments-space-8);padding:24px;padding:var(--investments-space-6)}.investments-page-title{font-size:30px;font-size:var(--investments-text-3xl)}.investments-portfolio-metrics{gap:16px;gap:var(--investments-space-4)}.investments-list-grid{gap:24px;gap:var(--investments-space-6);grid-template-columns:1fr}.investments-card{padding:24px;padding:var(--investments-space-6)}.investments-info-grid{grid-template-columns:1fr}.investments-capital-management,.investments-roi-management{align-items:stretch;flex-direction:column;gap:12px;gap:var(--investments-space-3)}.investments-summary-statistics{grid-template-columns:1fr}.investments-summary-stat{padding:16px;padding:var(--investments-space-4)}.investments-empty-state-card{padding:48px;padding:var(--investments-space-12)}}@media (max-width:480px){.investments-list-container{padding:12px;padding:var(--investments-space-3)}.investments-card-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--investments-space-3)}.investments-metric-item{min-width:100px}.investments-action-button{min-width:120px;padding:12px 16px;padding:var(--investments-space-3) var(--investments-space-4)}}.investments-notifications{bottom:20px!important;display:flex!important;flex-direction:column-reverse!important;gap:12px;left:auto!important;max-width:420px;pointer-events:none;position:fixed!important;right:20px!important;top:auto!important;transform:translateZ(0);width:auto;z-index:999999!important}.investments-notification{word-wrap:break-word;align-items:flex-start;animation:slideInFromBottomInvestments .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;font-size:14px;font-weight:500;gap:12px;line-height:1.4;max-width:100%;min-width:280px;overflow:hidden;overflow-wrap:break-word;padding:16px 20px;pointer-events:auto;position:relative}.investments-notification .notification-content{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.investments-notification .notification-content svg{flex-shrink:0;height:20px;margin-top:2px;width:20px}.investments-notification .notification-content span{word-wrap:break-word;flex:1 1;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.investments-notification .notification-close{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:28px;justify-content:center;line-height:1;margin:-4px;opacity:.8;padding:4px;transition:all .2s ease;width:28px}.investments-notification .notification-close:hover{background:#ffffff26;opacity:1;transform:scale(1.05)}.investments-notification .notification-close:active{transform:scale(.95)}.investments-success-notification{background:linear-gradient(135deg,#10b981f2,#059669f2);border-color:#10b98166;color:#fff}.investments-success-notification svg{color:#fffffff2}.investments-error-notification{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-color:#ef444466;color:#fff}.investments-error-notification svg{color:#fffffff2}.investments-warning-notification{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border-color:#f59e0b66;color:#fff}.investments-warning-notification svg{color:#fffffff2}.investments-info-notification{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border-color:#3b82f666;color:#fff}.investments-info-notification svg{color:#fffffff2}@keyframes slideInFromBottomInvestments{0%{opacity:0;transform:translateY(100%) translateX(20px) scale(.95)}50%{opacity:.8;transform:translateY(-10px) translateX(0) scale(1.02)}to{opacity:1;transform:translateY(0) translateX(0) scale(1)}}@media (max-width:768px){.investments-notifications{bottom:15px!important;left:15px!important;max-width:none!important;right:15px!important}.investments-notification{border-radius:10px;font-size:13px;min-width:auto;padding:14px 16px}.investments-notification .notification-content{gap:8px}.investments-notification .notification-content svg{height:18px;width:18px}.investments-notification .notification-close{font-size:18px;height:24px;width:24px}}@media (max-width:480px){.investments-notifications{bottom:10px!important;left:10px!important;right:10px!important}.investments-notification{border-radius:8px;font-size:12px;padding:12px 14px}.investments-notification .notification-content svg{height:16px;width:16px}.investments-notification .notification-close{font-size:16px;height:22px;width:22px}}@media (prefers-color-scheme:dark){.investments-notification{border-color:#ffffff1a;box-shadow:0 8px 32px #0006}}@media (prefers-contrast:high){.investments-notification{border-width:2px;box-shadow:0 4px 16px #00000080}}@media (prefers-reduced-motion:reduce){@keyframes slideInFromBottomInvestments{0%{opacity:0}to{opacity:1}}.investments-notification .notification-close{transition:none}.investments-notification .notification-close:active,.investments-notification .notification-close:hover{transform:none}}@media print{.investments-notifications{display:none!important}}body .investments-notifications{bottom:20px!important;position:fixed!important;top:auto!important}.trail-team-dashboard{background:#fff;background:var(--bg-primary,#fff);color:#0f172a;color:var(--text-primary,#0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;margin:0 auto;max-width:1440px;min-height:100vh;padding:24px;padding:var(--space-6,24px);position:relative}.trail-team-dashboard:before{background:radial-gradient(circle at 25% 25%,#6366f10a 0,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf60a 0,#0000 50%),radial-gradient(circle at 50% 50%,#06b6d405 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.trail-team-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;text-align:center}.trail-team-header:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.trail-team-title-section{gap:24px}.trail-team-title-section,.trail-title-icon{align-items:center;display:flex;justify-content:center}.trail-title-icon{border-radius:16px;box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;color:#fff;font-size:28px;height:64px;width:64px}.trail-team-title,.trail-title-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.trail-team-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.trail-team-subtitle{color:#334155;font-size:18px;font-weight:500;letter-spacing:.025em;margin:0}.trail-team-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.trail-team-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(0,0,.2,1)}.trail-team-stat-card:before{border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(0,0,.2,1)}.trail-team-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-4px)}.trail-team-stat-card:hover:before{transform:scaleX(1)}.trail-primary-stat:before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.trail-success-stat{background:linear-gradient(145deg,#10b98114,#ffffffe6);border-color:#10b98133}.trail-success-stat:before{background:linear-gradient(135deg,#10b981,#059669)}.trail-warning-stat{background:linear-gradient(145deg,#f59e0b14,#ffffffe6);border-color:#f59e0b33}.trail-warning-stat:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.trail-accent-stat{background:linear-gradient(145deg,#06b6d414,#ffffffe6);border-color:#06b6d433}.trail-accent-stat:before{background:linear-gradient(135deg,#06b6d4,#0891b2)}.trail-stat-header{align-items:center;display:flex;gap:16px}.trail-stat-icon{align-items:center;border-radius:16px;box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.trail-volume-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.trail-referrals-icon{background:linear-gradient(135deg,#10b981,#059669)}.trail-income-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.trail-network-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.trail-stat-info{flex:1 1;min-width:0}.trail-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.trail-stat-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800;letter-spacing:-.025em;line-height:1;margin-bottom:4px}.trail-team-content-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:40px}.trail-team-content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:32px;transition:all .3s cubic-bezier(0,0,.2,1)}.trail-team-content-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-2px)}.trail-card-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.trail-card-header h3{color:#0f172a;font-size:24px;font-weight:700;margin:0}.trail-refresh-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-refresh-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;color:#fff;transform:translateY(-1px)}.trail-total-income{color:#10b981;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:800}.trail-level-breakdown-container{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.trail-level-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;padding:20px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-level-item:hover{border-color:#6366f133;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.trail-level-item.expanded{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126}.trail-level-info,.trail-level-summary{align-items:center;display:flex;gap:16px}.trail-level-info{flex:1 1}.trail-level-number{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;color:#fff;display:flex;font-size:14px;font-weight:700;height:48px;justify-content:center;width:48px}.trail-level-count{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:4px}.trail-level-volume{color:#64748b;font-size:14px}.trail-level-commission{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 0 0 1px #10b9811a,0 4px 16px #10b9811f;color:#fff;font-size:14px;font-weight:700;padding:8px 16px}.trail-expand-arrow{color:#6366f1;font-size:16px;font-weight:700;transition:transform .2s cubic-bezier(0,0,.2,1)}.trail-level-item.expanded .trail-expand-arrow{transform:rotate(90deg)}.trail-level-expanded{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.trail-level-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.trail-level-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.trail-level-stat .trail-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.trail-level-stat .trail-stat-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.trail-income-activities-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.trail-income-activity-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;gap:16px;padding:16px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-income-activity-item:hover{border-color:#6366f133;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.trail-activity-icon{align-items:center;border-radius:16px;box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.trail-level-reward-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.trail-activity-details{flex:1 1;min-width:0}.trail-activity-name{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:4px}.trail-activity-time{color:#64748b;font-size:14px;margin-bottom:2px}.trail-activity-from{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:12px}.trail-activity-amount{color:#10b981;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.trail-no-activities{color:#64748b;padding:48px 24px;text-align:center}.trail-no-activities-icon{font-size:48px;margin-bottom:16px;opacity:.6}.trail-no-activities-text{font-size:18px;font-weight:600;margin-bottom:8px}.trail-no-activities-subtitle{color:#94a3b8;font-size:14px}.trail-team-guide-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:32px}.trail-guide-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.trail-guide-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;box-shadow:0 0 0 1px #6366f11a,0 8px 32px #6366f126;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.trail-guide-header h3{color:#0f172a;font-size:30px;font-weight:800;margin:0 0 8px}.trail-guide-header p{color:#334155;font-size:18px;font-weight:500;margin:0}.trail-guide-section h4{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 20px}.trail-commission-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.trail-commission-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;justify-content:space-between;padding:16px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-commission-item:hover{border-color:#6366f133;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.trail-commission-level{color:#0f172a;font-size:14px;font-weight:600}.trail-commission-rate{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#10b981;color:#fff;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;padding:4px 12px}.trail-loading-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#f8fafccc);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:64px;text-align:center}.trail-ai-loading-spinner{animation:trail-spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;box-shadow:0 0 0 1px #6366f10d,0 4px 16px #6366f11f;height:80px;margin-bottom:24px;width:80px}.trail-loading-container p{color:#6366f1;font-size:20px;font-weight:600;margin:0}.trail-income-activities-list::-webkit-scrollbar,.trail-level-breakdown-container::-webkit-scrollbar{width:6px}.trail-income-activities-list::-webkit-scrollbar-track,.trail-level-breakdown-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.trail-income-activities-list::-webkit-scrollbar-thumb,.trail-level-breakdown-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.trail-income-activities-list::-webkit-scrollbar-thumb:hover,.trail-level-breakdown-container::-webkit-scrollbar-thumb:hover{background:#6366f1}@keyframes trail-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.trail-team-content-grid{grid-template-columns:1fr}.trail-team-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.trail-team-dashboard{padding:16px}.trail-team-header{margin-bottom:24px;padding:24px}.trail-team-title-section{flex-direction:column;gap:16px}.trail-team-title{font-size:30px}.trail-title-icon{font-size:24px;height:56px;width:56px}.trail-team-stats-grid{gap:16px;grid-template-columns:1fr 1fr}.trail-team-content-card{padding:24px}.trail-commission-grid,.trail-level-stats{grid-template-columns:1fr}.trail-guide-header{flex-direction:column;text-align:center}}@media (max-width:480px){.trail-team-dashboard{padding:12px}.trail-team-stats-grid{gap:12px;grid-template-columns:1fr}.trail-team-stat-card{padding:16px}.trail-stat-header{align-items:center;flex-direction:column;gap:12px;text-align:center}}.trail-level-members{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-top:var(--space-6);padding:var(--space-6)}.trail-members-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.trail-members-header h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;margin:0}.trail-pagination-info{background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4)}.trail-members-loading{align-items:center;color:var(--text-secondary);display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-8)}.trail-small-spinner{animation:spin var(--duration-1000) var(--ease-linear) infinite;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--ai-primary);height:24px;width:24px}.trail-members-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.trail-member-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4);transition:all var(--duration-200) var(--ease-out)}.trail-member-item:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.trail-member-info{display:flex;flex-direction:column;gap:var(--space-1)}.trail-member-id{color:var(--ai-primary);font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:700}.trail-member-wallet{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-family:JetBrains Mono,monospace;font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.trail-member-stats{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-1)}.trail-member-staked{color:var(--ai-success);font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:700}.trail-member-date{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.trail-pagination-controls{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-lg);gap:var(--space-4);padding:var(--space-4)}.trail-page-btn,.trail-pagination-controls{align-items:center;display:flex;justify-content:center}.trail-page-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);font-weight:600;min-width:80px;padding:var(--space-2) var(--space-4);transition:all var(--duration-200) var(--ease-out)}.trail-page-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.trail-page-btn:disabled{background:var(--bg-quaternary);box-shadow:none;color:var(--text-quaternary);cursor:not-allowed;transform:none}.trail-page-info{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4)}.trail-no-members{align-items:center;background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex;font-size:var(--text-sm);font-style:italic;justify-content:center;padding:var(--space-8)}.trail-level-item.has-members .trail-level-summary{border-left:4px solid var(--ai-success);cursor:pointer}.trail-level-item.has-members .trail-level-summary:hover{background:linear-gradient(145deg,#10b9810d,#ffffffe6)}.trail-level-item.expanded{border:2px solid var(--border-success);box-shadow:var(--shadow-lg)}@media (max-width:768px){.trail-level-members{padding:var(--space-4)}.trail-members-header{gap:var(--space-2)}.trail-member-item,.trail-members-header{align-items:flex-start;flex-direction:column}.trail-member-item{gap:var(--space-3)}.trail-member-stats{align-items:flex-start;width:100%}.trail-pagination-controls{flex-direction:column;gap:var(--space-3)}.trail-page-btn{width:100%}}@media (max-width:480px){.trail-level-members{margin-top:var(--space-4);padding:var(--space-3)}.trail-member-wallet{font-size:10px;word-break:break-all}.trail-member-staked,.trail-pagination-info{font-size:var(--text-xs)}.trail-pagination-info{padding:var(--space-1) var(--space-2)}}.trail-level-expanded{animation:slideDown var(--duration-300) var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trail-rank-dashboard{background:#fff;background:var(--bg-primary,#fff);color:#0f172a;color:var(--text-primary,#0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;margin:0 auto;max-width:1440px;min-height:100vh;padding:24px;padding:var(--space-6,24px);position:relative}.trail-rank-dashboard:before{background:radial-gradient(circle at 25% 25%,#ffd7000a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ff63470a 0,#0000 50%),radial-gradient(circle at 50% 50%,#b8860b05 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.trail-rank-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#fffbeb);border:1px solid #fed7aa;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;text-align:center}.trail-rank-header:before{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.trail-rank-title-section{gap:24px}.trail-rank-title-icon,.trail-rank-title-section{align-items:center;display:flex;justify-content:center}.trail-rank-title-icon{border-radius:16px;box-shadow:0 0 0 1px #f59e0b1a,0 8px 32px #f59e0b26;color:#fff;font-size:28px;height:64px;width:64px}.trail-rank-title,.trail-rank-title-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.trail-rank-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.trail-rank-subtitle{color:#92400e;font-size:18px;font-weight:500;letter-spacing:.025em;margin:0}.trail-current-achievement-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#fef3c7cc);border:1px solid #fed7aa;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.trail-current-achievement-card:before{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:24px 24px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.trail-achievement-display{align-items:center;display:flex;gap:32px;margin-bottom:32px}.trail-current-badge{align-items:center;border-radius:20px;box-shadow:0 0 0 1px #fff3,0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;gap:16px;min-width:200px;padding:24px;position:relative}.trail-current-badge:before{animation:trail-rank-pulse 3s ease-in-out infinite;background:inherit;border-radius:20px;content:"";inset:-2px;opacity:.3;position:absolute;z-index:-1}.trail-badge-icon{font-size:48px;margin-bottom:8px}.trail-badge-name{font-size:20px;font-weight:800;letter-spacing:.05em;text-align:center;text-transform:uppercase}.trail-achievement-info{flex:1 1}.trail-achievement-info h3{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 8px}.trail-achievement-description{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 24px}.trail-current-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.trail-current-stat{background:#ffffffb3;border:1px solid #fed7aa;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:4px;padding:16px}.trail-current-stat .trail-stat-label{color:#92400e;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.trail-current-stat .trail-stat-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.trail-progress-section{background:#fffc;border:1px solid #fed7aa;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:24px}.trail-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.trail-progress-header h4{color:#0f172a;font-size:18px;font-weight:700;margin:0}.trail-progress-percentage{color:#f59e0b;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}.trail-progress-bar{background:#f3f4f6;border-radius:6px;box-shadow:inset 0 2px 4px 0 #0000000f;height:12px;margin-bottom:16px;overflow:hidden;width:100%}.trail-progress-fill{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;height:100%;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.trail-progress-fill:after{animation:trail-progress-shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.trail-progress-requirements{display:flex;flex-direction:column;gap:12px}.trail-requirement-item{align-items:center;display:flex;font-size:14px;gap:12px}.trail-req-label{color:#64748b;font-weight:600;min-width:150px}.trail-req-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-weight:700}.trail-req-remaining{color:#f59e0b;font-style:italic;font-weight:600}.trail-max-level-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;box-shadow:0 0 0 1px #fbbf244d,0 8px 32px #fbbf2440;color:#fff;display:flex;gap:24px;padding:24px;text-align:center}.trail-crown-icon{animation:trail-crown-bounce 2s ease-in-out infinite;font-size:48px}.trail-max-level-badge h4{font-size:20px;font-weight:800;margin:0 0 8px}.trail-max-level-badge p{font-size:16px;margin:0;opacity:.9}.trail-achievements-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.trail-achievements-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#fef3c7cc);border:1px solid #fed7aa;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:32px;transition:all .3s cubic-bezier(0,0,.2,1)}.trail-achievements-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-2px)}.trail-achievements-header{align-items:center;border-bottom:2px solid #fed7aa;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.trail-achievements-header h3{color:#0f172a;font-size:24px;font-weight:700;margin:0}.trail-levels-count{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 16px #f59e0b4d;color:#fff;font-size:14px;font-weight:700;padding:8px 16px}.trail-leaderboard-refresh{background:#fffbeb;border:1px solid #fed7aa;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-leaderboard-refresh:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 1px #f59e0b1a,0 8px 32px #f59e0b26;color:#fff;transform:translateY(-1px)}.trail-achievements-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.trail-achievement-level-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;padding:20px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-achievement-level-item.current{background:linear-gradient(145deg,#fbbf241a,#ffffffe6);border-color:#f59e0b;box-shadow:0 0 0 1px #fbbf2433,0 8px 32px #fbbf2426}.trail-achievement-level-item.completed{background:linear-gradient(145deg,#10b9811a,#ffffffe6);border-color:#10b981}.trail-achievement-level-item.locked{background:#f9fafb;opacity:.5}.trail-achievement-level-item:hover:not(.locked){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.trail-level-badge{align-items:center;border-radius:16px;box-shadow:0 0 0 1px #fff3,0 8px 32px #0003;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.trail-level-icon{font-size:24px}.trail-level-details{flex:1 1;min-width:0}.trail-level-name{color:#0f172a;font-size:18px;font-weight:700;letter-spacing:.025em;margin-bottom:4px;text-transform:uppercase}.trail-level-requirement{color:#64748b;font-size:14px;line-height:1.4;margin-bottom:8px}.trail-level-community-stats{display:flex;gap:16px}.trail-community-stat{background:#f1f5f9;border-radius:8px;color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.025em;padding:4px 8px;text-transform:uppercase}.trail-level-status{align-items:center;display:flex;justify-content:center;min-width:80px}.trail-current-indicator{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 16px #f59e0b4d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.025em;padding:6px 12px;text-transform:uppercase}.trail-completed-indicator{color:#10b981;font-size:24px;font-weight:700}.trail-locked-indicator{color:#94a3b8;font-size:20px}.trail-leaderboard-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:8px}.trail-leaderboard-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-leaderboard-item:hover{border-color:#f59e0b4d;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.trail-rank-position{align-items:center;color:#0f172a;display:flex;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800;gap:8px;min-width:60px}.trail-first-place,.trail-second-place,.trail-third-place{font-size:20px}.trail-user-achievement{align-items:center;display:flex;gap:12px}.trail-user-level-badge{align-items:center;border-radius:12px;box-shadow:0 4px 16px #0003;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;width:40px}.trail-user-level-name{color:#0f172a;font-size:14px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.trail-user-details{flex:1 1;min-width:0;text-align:right}.trail-user-id{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:12px;margin-bottom:4px}.trail-user-stats{display:flex;gap:12px;justify-content:flex-end}.trail-user-refs,.trail-user-volume{background:#f1f5f9;border-radius:8px;color:#64748b;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:4px 8px}.trail-you-indicator{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 16px #6366f14d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.025em;padding:6px 12px;text-transform:uppercase}.trail-benefits-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#fef3c7cc);border:1px solid #fed7aa;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:32px}.trail-benefits-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.trail-benefits-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 0 0 1px #f59e0b1a,0 8px 32px #f59e0b26;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.trail-benefits-header h3{color:#0f172a;font-size:30px;font-weight:800;margin:0 0 8px}.trail-benefits-header p{color:#92400e;font-size:18px;font-weight:500;margin:0}.trail-benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.trail-benefit-item{align-items:flex-start;background:#fffc;border:1px solid #fed7aa;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:20px;padding:24px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-benefit-item:hover{border-color:#f59e0b66;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-4px)}.trail-benefit-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;box-shadow:0 4px 16px #f59e0b4d;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px}.trail-benefit-content h4{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 8px}.trail-benefit-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.trail-rank-loading-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffe6,#fef3c7cc);border:1px solid #fed7aa;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:64px;text-align:center}.trail-rank-ai-loading-spinner{animation:trail-rank-spin 1s linear infinite;border:4px solid #fed7aa;border-radius:50%;border-top-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b0d,0 4px 16px #f59e0b1f;height:80px;margin-bottom:24px;width:80px}.trail-rank-loading-container p{color:#f59e0b;font-size:20px;font-weight:600;margin:0}.trail-achievements-list::-webkit-scrollbar,.trail-leaderboard-list::-webkit-scrollbar{width:6px}.trail-achievements-list::-webkit-scrollbar-track,.trail-leaderboard-list::-webkit-scrollbar-track{background:#fffbeb;border-radius:4px}.trail-achievements-list::-webkit-scrollbar-thumb,.trail-leaderboard-list::-webkit-scrollbar-thumb{background:#fed7aa;border-radius:4px}.trail-achievements-list::-webkit-scrollbar-thumb:hover,.trail-leaderboard-list::-webkit-scrollbar-thumb:hover{background:#f59e0b}@keyframes trail-rank-spin{to{transform:rotate(1turn)}}@keyframes trail-rank-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes trail-progress-shine{0%{left:-100%}to{left:100%}}@keyframes trail-crown-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1200px){.trail-achievements-grid{grid-template-columns:1fr}.trail-achievement-display{flex-direction:column;text-align:center}.trail-current-badge{max-width:300px;min-width:auto;width:100%}}@media (max-width:768px){.trail-rank-dashboard{padding:16px}.trail-rank-header{margin-bottom:24px;padding:24px}.trail-rank-title-section{flex-direction:column;gap:16px}.trail-rank-title{font-size:30px}.trail-rank-title-icon{font-size:24px;height:56px;width:56px}.trail-achievements-card,.trail-benefits-card,.trail-current-achievement-card{padding:24px}.trail-benefits-grid,.trail-current-stats{grid-template-columns:1fr}.trail-benefits-header,.trail-max-level-badge{flex-direction:column;text-align:center}}@media (max-width:480px){.trail-rank-dashboard{padding:12px}.trail-achievement-level-item,.trail-leaderboard-item{padding:16px 12px}.trail-level-community-stats,.trail-user-stats{flex-direction:column;gap:4px}}.trail-achievement-details{color:#92400e;font-size:14px;font-style:italic;line-height:1.4;margin:8px 0 16px}.trail-level-volume{background:#f59e0b1a;border-radius:6px;color:#f59e0b;display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;margin-bottom:4px;padding:4px 8px}.trail-level-description{color:#64748b;font-size:12px;font-style:italic;line-height:1.3;margin-top:4px}.trail-leadership-content{display:flex;flex-direction:column;gap:24px}.trail-leadership-info h4{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 12px}.trail-leadership-info p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 24px}.trail-leadership-steps{display:flex;flex-direction:column;gap:20px}.trail-step{align-items:flex-start;background:#fffc;border:1px solid #fed7aa;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;padding:20px;transition:all .2s cubic-bezier(0,0,.2,1)}.trail-step:hover{border-color:#f59e0b66;box-shadow:0 8px 12px -2px #00000026;transform:translateY(-2px)}.trail-step-number{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 16px #f59e0b4d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.trail-step-content{flex:1 1}.trail-step-content h5{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 8px}.trail-step-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.trail-no-leaderboard{align-items:center;background:linear-gradient(145deg,#ffffff80,#fef3c74d);border:2px dashed #fed7aa;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.trail-no-leaderboard-icon{font-size:48px;margin-bottom:16px;opacity:.7}.trail-no-leaderboard-text{color:#92400e;font-size:18px;font-weight:600;margin:0 0 8px}.trail-no-leaderboard-subtitle{color:#a16207;font-size:14px;margin:0;opacity:.8}.trail-requirement-item.downline-requirement{background:#f59e0b0d;border-left:4px solid #f59e0b;border-radius:10px;padding:12px}.trail-requirement-item.downline-requirement .trail-req-label{color:#92400e;font-weight:700}.trail-requirement-item.downline-requirement .trail-req-value{color:#f59e0b}@media (max-width:768px){.trail-leadership-steps{gap:16px}.trail-step{padding:16px}.trail-step-number{font-size:16px;height:36px;width:36px}.trail-step-content h5{font-size:15px}.trail-step-content p{font-size:13px}.trail-no-leaderboard{padding:32px 16px}.trail-no-leaderboard-icon{font-size:40px}.trail-no-leaderboard-text{font-size:16px}}@media (max-width:480px){.trail-step{flex-direction:column;gap:12px;text-align:center}.trail-achievement-details{font-size:13px}.trail-level-description,.trail-level-volume{font-size:11px}}.admin-panel{animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px;padding:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-header{align-items:center;animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffc10726;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md),0 0 30px #ffc1071a;display:flex;justify-content:space-between;overflow:hidden;padding:24px 32px;position:relative}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.admin-header:before{animation:glowPulse 2s ease-in-out infinite;background:var(--gradient-trail);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #ffc1074d}50%{box-shadow:0 0 30px #ffc10799}}.admin-title h2{-webkit-text-fill-color:#0000;background:var(--gradient-trail);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.admin-title p{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.admin-badge{align-items:center;animation:badgePulse 3s ease-in-out infinite;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--border-radius-md);color:var(--accent-gold-dark);display:flex;font-weight:600;gap:8px;padding:8px 16px}@keyframes badgePulse{0%,to{box-shadow:0 0 10px #ffc10733;transform:scale(1)}50%{box-shadow:0 0 20px #ffc10766;transform:scale(1.05)}}.badge-icon{animation:iconSpin 4s linear infinite;font-size:16px}@keyframes iconSpin{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.admin-alert{align-items:center;animation:slideIn .3s ease-out;border-radius:var(--border-radius-lg);display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.admin-alert.success{background:#22c55e1a;border:1px solid #22c55e33;box-shadow:0 0 20px #22c55e1a;color:#15803d}.admin-alert.error{background:#ef44441a;border:1px solid #ef444433;box-shadow:0 0 20px #ef44441a;color:#dc2626}.alert-icon{animation:iconBounce 2s ease-in-out infinite;flex-shrink:0;font-size:18px}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.admin-tabs{animation:slideInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffc10726;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:8px;overflow-x:auto;padding:8px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-tab{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all var(--transition-normal);white-space:nowrap}.admin-tab:before{background:linear-gradient(90deg,#0000,#ffc1071a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.admin-tab:hover{background:#ffc10714;box-shadow:0 4px 12px #ffc10726;color:var(--accent-gold-dark);transform:translateY(-1px)}.admin-tab:hover:before{left:100%}.admin-tab.active{background:var(--gradient-trail);box-shadow:var(--shadow-sm),0 0 20px #ffc1074d;color:#fff;transform:translateY(-1px)}.admin-tab.active:before{display:none}.tab-icon{font-size:16px;transition:transform var(--transition-normal)}.admin-tab:hover .tab-icon{transform:scale(1.1)}.admin-tab.active .tab-icon{animation:activeIconPulse 2s ease-in-out infinite}@keyframes activeIconPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.8));transform:scale(1.05)}}.admin-content{animation:slideInUp .6s ease-out .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffc1071a;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md),0 0 25px #ffc10714;padding:32px}.admin-overview h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.admin-stat-card{align-items:center;animation:cardSlideIn .6s ease-out .6s both;animation:cardSlideIn .6s ease-out calc(.6s + var(--card-delay, 0s)) both;background:#ffffffe6;border:1px solid #ffc10726;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all var(--transition-normal)}@keyframes cardSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-stat-card:first-child{--card-delay:0s}.admin-stat-card:nth-child(2){--card-delay:0.1s}.admin-stat-card:nth-child(3){--card-delay:0.2s}.admin-stat-card:nth-child(4){--card-delay:0.3s}.admin-stat-card:before{background:linear-gradient(90deg,#0000,#ffc1070d,#0000);content:"";height:100%;left:0;position:absolute;top:0;transition:width var(--transition-slow);width:0}.admin-stat-card:hover{border-color:#ffc1074d;box-shadow:var(--shadow-lg),0 0 30px #ffc10726;transform:translateY(-4px) scale(1.02)}.admin-stat-card:hover:before{width:100%}.admin-stat-card .stat-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;background:var(--gradient-trail);border-radius:50%;box-shadow:0 4px 15px #ffc1074d;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-2px) rotate(2deg)}66%{transform:translateY(2px) rotate(-2deg)}}.stat-content{flex:1 1}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.stat-label,.stat-value{display:block;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:600}.stat-detail{color:var(--text-muted);font-size:12px;font-weight:500}.quick-actions{background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:var(--border-radius-lg);margin-top:32px;padding:24px}.quick-actions h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.action-buttons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-action-btn{align-items:center;background:var(--gradient-trail);border:none;border-radius:var(--border-radius-md);box-shadow:0 4px 15px #ffc10733;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;transition:all var(--transition-normal)}.admin-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow);width:100%}.admin-action-btn:hover:before{left:100%}.admin-action-btn:hover{box-shadow:0 8px 25px #ffc1074d;transform:translateY(-2px) scale(1.05)}.admin-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:16px}.admin-input,.admin-select{background:#ffffffe6;border:1px solid #ffc10733;border-radius:var(--border-radius-md);color:var(--text-primary);font-size:14px;font-weight:500;padding:12px 16px;transition:all var(--transition-normal);width:100%}.admin-input:focus,.admin-select:focus{background:#fff;border-color:var(--accent-gold);box-shadow:0 0 0 3px #ffc1071a,0 4px 12px #ffc10726;outline:none}.admin-input::placeholder{color:var(--text-muted)}.admin-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all var(--transition-normal)}.admin-btn.primary{background:var(--gradient-trail);box-shadow:0 4px 15px #ffc10733;color:#fff}.admin-btn.primary:hover{box-shadow:0 8px 25px #ffc1074d;transform:translateY(-2px)}.admin-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444433;color:#fff}.admin-btn.danger:hover{box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.blacklist-management h3,.emergency-management h3,.plan-management h3,.system-management h3,.user-management h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.user-search{background:#00d4ff0d;border:1px solid #00d4ff1a;border-radius:var(--border-radius-lg);margin-bottom:32px;padding:24px}.user-search h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.search-form .input-group{display:flex;gap:12px;margin-bottom:16px}.search-form .admin-input{flex:1 1}.search-btn{background:var(--gradient-trail);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all var(--transition-normal);white-space:nowrap}.search-btn:hover{box-shadow:0 4px 15px #ffc1074d;transform:translateY(-1px)}.search-btn:disabled{cursor:not-allowed;opacity:.6}.user-details{animation:slideIn .3s ease-out;background:#ffffffe6;border:1px solid #ffc10726;border-radius:var(--border-radius-lg);margin-top:24px;padding:24px}.user-details h5{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.user-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.user-info-item{align-items:center;background:#fffc;border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:12px 16px;transition:all var(--transition-normal)}.user-info-item:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.info-label{font-size:13px}.info-value{font-size:14px}.status-badge{border-radius:var(--border-radius-sm);font-size:11px;font-weight:700;padding:4px 8px}.status-badge.active{background:#22c55e1a;border:1px solid #22c55e33;color:#059669}.status-badge.inactive{background:#94a3b81a;border:1px solid #94a3b833;color:var(--text-muted)}.status-badge.blacklisted{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.status-badge.normal{background:#22c55e1a;border:1px solid #22c55e33;color:#059669}.plan-forms{grid-gap:24px;display:grid;gap:24px}.plan-form{background:#fffc;border:1px solid #ffc10726;border-radius:var(--border-radius-lg);padding:24px}.plan-form h4{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.form-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.blacklist-form{background:#ef44440d;border:1px solid #ef44441a;border-radius:var(--border-radius-lg);margin-bottom:32px;padding:24px}.blacklisted-users h4{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px}.blacklisted-list{grid-gap:12px;display:grid;gap:12px}.blacklisted-item{align-items:center;background:#ffffffe6;border:1px solid #ef444433;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:12px 16px;transition:all var(--transition-normal)}.blacklisted-item:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-id{color:var(--text-primary);font-weight:600}.unblacklist-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all var(--transition-normal)}.unblacklist-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.empty-message{color:var(--text-muted);font-style:italic;padding:40px 20px;text-align:center}.emergency-form{background:#ef44440d;border:1px solid #ef444426;border-radius:var(--border-radius-lg);padding:24px}.warning-text{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:var(--border-radius-md);color:var(--accent-gold-dark);font-weight:600;margin-bottom:16px;padding:12px 16px;text-align:center}.emergency-info{background:#fffc;border:1px solid var(--border-light);border-radius:var(--border-radius-md);margin-top:16px;padding:16px}.info-item{align-items:center;display:flex;justify-content:space-between}.info-label{color:var(--text-secondary);font-size:14px;font-weight:600}.info-value{color:var(--text-primary);font-size:16px;font-weight:700}@media (max-width:768px){.admin-panel{gap:20px;padding:16px}.admin-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.admin-tabs{overflow-x:auto;padding:4px}.admin-tab{font-size:13px;padding:10px 16px}.tab-label{display:none}.admin-content{padding:24px}.admin-stats-grid{gap:16px;grid-template-columns:1fr}.admin-stat-card{padding:20px}.admin-stat-card .stat-icon{font-size:24px;height:50px;width:50px}.stat-value{font-size:24px}.form-grid{gap:12px;grid-template-columns:1fr}.search-form .input-group{flex-direction:column}.user-info-grid{grid-template-columns:1fr}.user-info-item{align-items:stretch;flex-direction:column;gap:8px;text-align:center}.action-buttons-grid{grid-template-columns:1fr}}.loading-spinner{height:16px;width:16px}.system-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:2rem 0;padding:1.5rem}.system-status h4{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:.75rem 1rem}.status-label{color:#64748b;font-size:.9rem;font-weight:500}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#10b981;color:#fff}.status-badge.inactive{background:#ef4444;color:#fff}.status-value{color:#1e293b;font-size:1rem;font-weight:600}@media (max-width:768px){.status-grid{grid-template-columns:1fr}.status-item{flex-direction:column;gap:.5rem;text-align:center}}.welcome-page{background:linear-gradient(135deg,#fff,#f8fafc 50%,#f1f5f9);min-height:100vh;overflow-x:hidden;position:relative}.welcome-page:before{background:radial-gradient(circle at 10% 20%,#0066ff14 0,#0000 60%),radial-gradient(circle at 90% 80%,#00d4ff14 0,#0000 60%),radial-gradient(circle at 50% 50%,#6366f10d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.hero-section{margin:0 auto;max-width:1200px;padding:40px 24px;position:relative;z-index:1}.hero-content{align-items:center;display:flex;flex-direction:column;gap:40px}.welcome-logo{margin-bottom:20px;text-align:center}.logo-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #06f3;border-radius:50%;box-shadow:0 8px 32px #0066ff26;display:inline-flex;height:120px;justify-content:center;margin-bottom:20px;position:relative;width:120px}.logo-container:before{animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;content:"";inset:-4px;position:absolute;z-index:-1}.welcome-logo-image{border-radius:50%;height:80px;object-fit:contain;width:80px}.welcome-logo-fallback{align-items:center;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.welcome-logo h1,.welcome-logo-fallback{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.welcome-logo h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;letter-spacing:-1px;margin:0 0 8px}.logo-subtitle{color:#334155;font-size:18px;font-weight:500;letter-spacing:.5px;margin:0}.referral-welcome{max-width:600px;width:100%}.referral-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #f59e0b33;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;padding:32px;position:relative}.referral-card:before{background:linear-gradient(90deg,#f59e0b,#d97706);content:"";height:4px;left:0;position:absolute;right:0;top:0}.referral-header{align-items:center;display:flex;gap:16px;margin-bottom:24px;text-align:left}.referral-icon{animation:pulse 2s ease-in-out infinite;font-size:32px}.referral-text h3{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 4px}.referral-subtitle{color:#64748b;font-size:16px;font-weight:500;margin:0}.upline-highlight{background:#f59e0b1a;border-radius:6px;color:#f59e0b;font-weight:700;padding:2px 6px}.referral-details{display:flex;flex-direction:column;gap:24px}.upline-card{background:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:16px;padding:20px}.upline-header{gap:16px;margin-bottom:16px}.upline-avatar,.upline-header{align-items:center;display:flex}.upline-avatar{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 16px #f59e0b4d;color:#fff;font-size:20px;height:48px;justify-content:center;width:48px}.upline-info{flex:1 1}.upline-id{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:4px}.upline-address,.upline-id{font-family:JetBrains Mono,monospace}.upline-address{color:#64748b;font-size:14px}.upline-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.upline-stat{background:#fffc;border:1px solid #f59e0b33;border-radius:12px;padding:12px;text-align:center}.upline-stat .stat-value{color:#f59e0b;display:block;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;margin-bottom:4px}.upline-stat .stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.trust-indicators{display:flex;gap:12px;justify-content:center}.trust-item{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px}.trust-icon{font-size:14px}.join-benefits{background:#22c55e0d;border:1px solid #22c55e1a;border-radius:16px;padding:20px}.join-benefits h4{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 12px}.join-benefits ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.join-benefits li{align-items:center;color:#334155;display:flex;font-size:14px;gap:8px;line-height:1.5}.benefit-icon{flex-shrink:0;font-size:16px}.referral-loading{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px;text-align:center}.referral-loading p{color:#64748b;font-size:16px;margin:0}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #e2e8f0;border-top-color:#6366f1;height:40px;width:40px}.main-action-section{max-width:500px;width:100%}.wallet-connect-section{width:100%}.connect-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;padding:40px;position:relative;text-align:center}.connect-container:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.connect-container h2{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.connect-container p{color:#64748b;font-size:16px;line-height:1.6;margin:0 0 32px}.wallet-connect-wrapper{display:flex;justify-content:center;margin-bottom:24px}.welcome-connect-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;color:#fff!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;overflow:hidden!important;padding:16px 32px!important;position:relative!important;transition:all .2s cubic-bezier(0,0,.2,1)!important}.welcome-connect-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(0,0,.2,1);width:100%}.welcome-connect-btn:hover:before{left:100%}.welcome-connect-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;transform:translateY(-2px)!important}.welcome-connect-btn.secondary{background:#ffffffe6!important;border:2px solid #6366f1!important;color:#6366f1!important}.welcome-connect-btn.secondary:hover{background:#6366f1!important;color:#fff!important}.connected-section{width:100%}.connected-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #22c55e33;border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;padding:40px;position:relative;text-align:center}.connected-container:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;position:absolute;right:0;top:0}.connection-status{margin-bottom:32px}.status-icon{animation:pulse 2s ease-in-out infinite;font-size:40px;margin-bottom:16px}.connection-status h2{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 8px}.connected-address{background:#22c55e1a;border-radius:12px;color:#64748b;display:inline-block;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;margin:0;padding:8px 16px}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.disconnect-btn,.invest-now-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:180px;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s cubic-bezier(0,0,.2,1)}.invest-now-btn.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff}.disconnect-btn.secondary{background:#ffffffe6;border:2px solid #e2e8f0;color:#64748b}.invest-now-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.disconnect-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-icon{font-size:18px}.quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.quick-stat{background:#fffc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;text-align:center}.quick-stat-label{color:#64748b;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.quick-stat-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.network-info{justify-content:center}.network-badge,.network-info{align-items:center;display:flex;gap:8px}.network-badge{background:#0066ff1a;border:1px solid #06f3;border-radius:12px;color:#06f;font-size:14px;font-weight:600;padding:8px 16px}.network-dot{animation:pulse 2s ease-in-out infinite;background:#06f;border-radius:50%;height:8px;width:8px}.features-toggle{margin-top:20px}.toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #cbd5e1;border-radius:16px;color:#0f172a;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s cubic-bezier(0,0,.2,1)}.toggle-btn:hover{background:#fff;border-color:#0066ff4d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translateY(-2px)}.toggle-arrow{font-size:14px;transition:transform .2s cubic-bezier(0,0,.2,1)}.toggle-arrow.expanded{transform:rotate(180deg)}.features-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-top:1px solid #e2e8f0;padding:60px 24px;position:relative}.features-container{margin:0 auto;max-width:1200px}.features-section h3{color:#0f172a;font-size:32px;font-weight:700;letter-spacing:-.75px;margin:0 0 48px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:48px}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s cubic-bezier(0,0,.2,1)}.feature-card:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s cubic-bezier(0,0,.2,1)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-8px)}.feature-icon{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:40px;margin-bottom:20px}.feature-card h4{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 12px}.feature-card p{color:#64748b;font-size:15px;line-height:1.6;margin:0 0 16px}.feature-highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.investment-ranges{background:#6366f10d;border:1px solid #6366f11a;border-radius:20px;margin-bottom:48px;padding:32px}.investment-ranges h4{color:#0f172a;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.ranges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.range-item{align-items:center;background:#fffc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s cubic-bezier(0,0,.2,1)}.range-item:hover{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translateY(-1px)}.range-label{color:#64748b;font-size:14px;font-weight:600}.range-value{color:#8b5cf6;font-size:14px;font-weight:700}.cta-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0;border-radius:20px;padding:32px;text-align:center}.cta-footer p{color:#0f172a;font-size:18px;font-weight:600;margin:0 0 24px}.bottom-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border-top:1px solid #e2e8f0;padding:40px 24px;text-align:center}.supported-wallets p{color:#64748b;font-size:14px;font-weight:600;margin:0 0 12px}.wallet-icons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.wallet-item{background:#fffc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s cubic-bezier(0,0,.2,1)}.wallet-item:hover{background:#fff;border-color:#06f3;color:#06f;transform:translateY(-1px)}@media (max-width:768px){.hero-section{padding:24px 16px}.hero-content{gap:32px}.welcome-logo h1{font-size:36px}.logo-subtitle{font-size:16px}.logo-container{height:100px;margin-bottom:16px;width:100px}.welcome-logo-fallback,.welcome-logo-image{height:60px;width:60px}.welcome-logo-fallback{font-size:30px}.connect-container,.connected-container,.referral-card{padding:24px}.referral-header{flex-direction:column;gap:12px;text-align:center}.referral-header h3{font-size:20px}.connect-container h2,.connected-container h2{font-size:24px}.upline-stats{gap:12px;grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.disconnect-btn,.invest-now-btn{max-width:280px;width:100%}.quick-stats{gap:12px;grid-template-columns:1fr}.features-section{padding:40px 16px}.features-section h3{font-size:24px;margin-bottom:32px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:24px}.ranges-grid{gap:12px;grid-template-columns:1fr}.cta-footer,.investment-ranges{padding:24px}.range-item{align-items:stretch;flex-direction:column;gap:8px;text-align:center}.wallet-icons{gap:8px}.welcome-connect-btn{font-size:15px!important;padding:14px 24px!important;width:100%!important}.trust-indicators{flex-direction:column;gap:8px}}@media (max-width:480px){.hero-section{padding:20px 12px}.welcome-logo h1{font-size:28px}.logo-subtitle{font-size:14px}.connect-container,.connected-container,.referral-card{padding:20px}.features-section{padding:32px 12px}.cta-footer,.feature-card,.investment-ranges{padding:20px}.upline-header{flex-direction:column;gap:12px;text-align:center}.upline-avatar{align-self:center}}:root{--primary-white:#fff;--secondary-white:#fafbfc;--tertiary-white:#f5f7fa;--accent-gold:#ffc107;--accent-gold-dark:#ff8f00;--accent-cyan:#00d4ff;--accent-cyan-dark:#09c;--accent-blue:#06f;--accent-purple:#6366f1;--text-primary:#1a1d29;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 25px #0000001f;--gradient-primary:linear-gradient(135deg,#ffc107,#00d4ff);--gradient-secondary:linear-gradient(135deg,#ff8f00,#09c);--gradient-trail:linear-gradient(135deg,#ffc107,#ff8f00 50%,#00d4ff);--gradient-surface:linear-gradient(135deg,#ffffffe6,#fafbfce6);--glassmorphism:backdrop-filter:blur(20px);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.35s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#f8fafc 50%,#f1f5f9);color:#1a1d29;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;padding-top:120px}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;overflow-x:hidden;position:relative}.app:before{background:radial-gradient(circle at 20% 80%,#ffc10714 0,#0000 50%),radial-gradient(circle at 80% 20%,#00d4ff14 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff8f000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.main-content{flex:1 1;padding:0;position:relative;z-index:1}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffc10726;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #00000014,0 0 20px #ffc1071a;box-shadow:var(--shadow-md),0 0 20px #ffc1071a;transition:all .25s ease;transition:all var(--transition-normal)}.glass-card:hover{border-color:#00d4ff33;box-shadow:0 8px 25px #0000001f,0 0 30px #ffc10726;box-shadow:var(--shadow-lg),0 0 30px #ffc10726;transform:translateY(-2px)}.ai-button{background:linear-gradient(135deg,#ffc107,#ff8f00 50%,#00d4ff);background:var(--gradient-trail);border:none;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000000d,0 0 15px #ffc10733;box-shadow:var(--shadow-sm),0 0 15px #ffc10733;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.ai-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .35s ease;transition:left var(--transition-slow);width:100%}.ai-button:hover:before{left:100%}.ai-button:hover{box-shadow:0 4px 12px #00000014,0 0 25px #ffc1074d;box-shadow:var(--shadow-md),0 0 25px #ffc1074d;transform:translateY(-1px)}.ai-button:active{transform:translateY(0)}.ai-button.secondary{background:linear-gradient(135deg,#ff8f00,#09c);background:var(--gradient-secondary)}.ai-button.outline{background:#0000;border:2px solid #ffc107;border:2px solid var(--accent-gold);box-shadow:none;color:#ffc107;color:var(--accent-gold)}.ai-button.outline:hover{background:#ffc107;background:var(--accent-gold);box-shadow:0 0 20px #ffc1074d;color:#fff}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.loading-spinner-large{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#06f;border:3px solid var(--border-light);border-top-color:var(--accent-blue);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.ai-pulse{animation:pulse 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 5px #0066ff4d}50%{box-shadow:0 0 20px #06f9}}.ai-glow{animation:glow 2s ease-in-out infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f5f7fa;background:var(--tertiary-white)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#06f;background:var(--accent-blue)}@media (max-width:768px){.main-content{padding:0}.glass-card{border-radius:12px;border-radius:var(--border-radius-md);margin:8px}}.text-primary{color:#1a1d29;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-accent{color:#06f;color:var(--accent-blue)}.bg-white{background:#fff;background:var(--primary-white)}.bg-secondary{background:#fafbfc;background:var(--secondary-white)}.bg-tertiary{background:#f5f7fa;background:var(--tertiary-white)}.shadow-sm{box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 25px #0000001f;box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:8px;border-radius:var(--border-radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:20px;border-radius:var(--border-radius-xl)}.transition-fast{transition:all .15s ease;transition:all var(--transition-fast)}.transition-normal{transition:all .25s ease;transition:all var(--transition-normal)}.transition-slow{transition:all .35s ease;transition:all var(--transition-slow)}
/*# sourceMappingURL=main.e0601a9e.css.map*/