@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&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}.gainflow-wallet-connector{position:relative}.gainflow-connect-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.gainflow-connect-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.gainflow-connect-button:hover:before{left:100%}.gainflow-connect-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.gainflow-connect-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.connect-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block;height:18px;margin-right:10px;width:18px}.connecting-dots{display:inline-flex;margin-left:6px}.dot{animation:dot-pulse 1.5s ease-in-out infinite;background-color:#fff;border-radius:50%;height:5px;margin:0 2px;opacity:.7;width:5px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(.8)}}.account-container{position:relative}.account-pill{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #2d37484d;color:#fff;cursor:pointer;display:flex;padding:10px 16px;transition:all .3s ease}.account-pill:hover{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 6px 20px #2d374866;transform:translateY(-1px)}.account-pill.wrong-network{background:linear-gradient(135deg,#e53e3e,#c53030);border-color:#fc8181}.account-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:20px;margin-right:10px;position:relative;width:20px}.account-icon:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.account-address{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-warning{background:#ffffff1a;border-radius:6px;color:#fed7d7;flex-shrink:0;font-size:12px;font-weight:600;margin-left:10px;padding:2px 8px}.disconnect-dropdown{animation:fadeInDown .3s ease;background:linear-gradient(135deg,#1a202c,#2d3748);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #0000004d;position:absolute;right:0;top:calc(100% + 8px);width:160px;z-index:1000}.disconnect-button{align-items:center;background-color:initial;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px;transition:all .3s ease;width:100%}.disconnect-button:hover{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.disconnect-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9' stroke='%23FF6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block;flex-shrink:0;height:16px;margin-right:10px;width:16px}.connection-error,.network-error{animation:fadeIn .3s ease;background:linear-gradient(135deg,#dc262626,#991b1b26);border:1px solid #dc26264d;border-radius:10px;color:#fca5a5;font-size:14px;font-weight:500;margin-top:12px;padding:10px 14px}@media (max-width:1024px){.account-pill{max-width:180px;padding:8px 12px}.account-address{font-size:13px;max-width:120px}}@media (max-width:768px){.gainflow-connect-button{font-size:13px;padding:8px 14px}.account-pill{max-width:140px;padding:6px 10px}.account-icon{height:16px;margin-right:6px;width:16px}.account-icon:after{height:6px;width:6px}.account-address{font-size:12px;max-width:85px}.network-warning{display:none}.disconnect-dropdown{width:120px}.disconnect-button{font-size:12px;padding:10px}}@media (max-width:480px){.gainflow-connect-button{font-size:12px;padding:7px 12px}.connect-icon{height:14px;margin-right:6px;width:14px}.account-pill{max-width:110px;padding:6px 8px}.account-address{font-size:11px;max-width:70px}.account-icon{height:14px;margin-right:5px;width:14px}}.gainflow-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-bottom:1px solid #e2e8f0cc;box-shadow:0 4px 20px #00000014;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{flex-shrink:0;gap:12px;text-decoration:none;transition:all .3s ease}.brand-logo{border-radius:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:38px;transition:transform .3s ease;width:auto}.nav-brand:hover .brand-logo{transform:scale(1.05) rotate(-5deg)}.brand-icon{align-items:center;animation:brandGlow 3s ease-in-out infinite alternate;border-radius:12px;display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;width:45px}.icon-gradient{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;opacity:.9;position:absolute;right:0;top:0}.icon-symbol{color:#fff;font-family:Inter,sans-serif;font-size:22px;font-weight:800;position:relative;z-index:1}.brand-text{display:flex;flex-direction:column}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:24px;font-weight:800;line-height:1;margin:0}.brand-subtitle{color:#64748b;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.nav-brand>span:not(.brand-text):not(.icon-symbol){-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;position:relative}.nav-brand>span:not(.brand-text):not(.icon-symbol):after{background:linear-gradient(90deg,#667eea,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-brand:hover>span:not(.brand-text):not(.icon-symbol):after{width:100%}.nav-brand:hover>span:not(.brand-text):not(.icon-symbol){text-shadow:0 0 20px #667eea99}.nav-links{flex:1 1;gap:5px;justify-content:center}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{background:none;border:none;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 18px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-link:hover:before{opacity:.1}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.nav-link.active:before{opacity:0}.nav-link:hover{color:#667eea;transform:translateY(-1px)}.nav-link.active:hover{box-shadow:0 6px 20px #667eea66;color:#fff;transform:translateY(-2px)}.link-icon{font-size:16px;transition:transform .3s ease}.nav-link:hover .link-icon{transform:scale(1.1)}.link-text{font-family:Inter,sans-serif;white-space:nowrap}.nav-status{align-items:center;display:flex;margin-right:15px}.status-indicator{animation:fadeIn .5s ease-out;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.status-indicator.loading{background:#4299e11a;color:#4299e1}.status-indicator.error{background:#e53e3e1a;color:#e53e3e}.status-indicator.success{background:#48bb781a;color:#48bb78}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #4299e133;border-radius:50%;border-top-color:#4299e1;height:14px;width:14px}.error-icon,.success-icon{font-size:12px}.error-text{cursor:pointer}.error-text:hover{text-decoration:underline}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:0;width:24px;z-index:1002}.menu-line{background:var(--text-primary);border-radius:2px;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.mobile-menu-btn.open .menu-line:first-child{transform:rotate(45deg) translateY(8px)}.mobile-menu-btn.open .menu-line:nth-child(2){opacity:0}.mobile-menu-btn.open .menu-line:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.register-btn{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;box-shadow:0 4px 15px #48bb784d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.register-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.register-btn:hover:before{left:100%}.register-btn:hover{box-shadow:0 6px 20px #48bb7880;transform:translateY(-2px)}.register-icon{font-size:16px}.register-text{font-size:14px;font-weight:600}.theme-toggle-btn{align-items:center;background:var(--gray-200);border:1px solid var(--gray-300);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle-btn:hover{background:var(--gray-300);transform:scale(1.05)}.nav-actions{align-items:center;display:flex;gap:15px;margin-left:auto}.nav-wallet{flex-shrink:0}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes brandGlow{0%{box-shadow:0 0 0 #667eea00}to{box-shadow:0 0 20px #667eea33}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-brand:hover .brand-icon{transform:scale(1.05);transition:transform .3s ease}.nav-brand:hover .brand-title{text-shadow:0 2px 10px #667eea33;transition:text-shadow .3s ease}.nav-link:focus{box-shadow:0 0 0 3px #667eea33;outline:none}.gainflow-navigation{transition:all .3s ease}.nav-links{animation:slideInFromTop .6s ease-out}[data-theme=dark] .gainflow-navigation{background:linear-gradient(135deg,#4c51bf,#553c9a);border-bottom:1px solid #ffffff1a}[data-theme=dark] .nav-brand>span:not(.brand-text):not(.icon-symbol){-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .nav-brand>span:not(.brand-text):not(.icon-symbol):after{background:linear-gradient(90deg,#fff,#0000)}[data-theme=dark] .nav-brand:hover>span:not(.brand-text):not(.icon-symbol){text-shadow:0 0 20px #fff9}[data-theme=dark] .nav-link{color:#ffffffe6}[data-theme=dark] .nav-link:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .nav-link.active{background:#ffffff26;color:#fff}[data-theme=dark] .theme-toggle-btn{background:#ffffff26;border:1px solid #fff3;color:#fff}[data-theme=dark] .theme-toggle-btn:hover{background:#ffffff40}@media (max-width:1024px){.nav-links{gap:2px}.nav-link{font-size:13px;padding:10px 14px}.link-text{display:none}.link-icon{font-size:18px}}@media (max-width:768px){.nav-container{gap:15px;padding:12px 15px}.brand-text{display:none}.brand-icon{height:40px;width:40px}.icon-symbol{font-size:20px}.brand-logo{height:32px}.nav-brand>span:not(.brand-text):not(.icon-symbol){font-size:1.3rem}.mobile-menu-btn,.nav-links{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border-right:1px solid var(--gray-200);box-shadow:4px 0 20px #0000001a;flex-direction:column;gap:10px;height:calc(100vh - 80px);left:-100%;padding:20px;position:fixed;top:80px;transition:left .3s ease;width:280px;z-index:999}.nav-links.mobile-open{left:0}.nav-link{border-radius:12px;font-size:16px;gap:15px;justify-content:flex-start;padding:15px 20px;width:100%}.link-text{display:block;font-size:16px}.link-icon{font-size:20px}.nav-actions{gap:8px}.nav-status{margin-right:8px}.status-indicator{font-size:11px;padding:4px 8px}.status-indicator span:not(.error-icon):not(.success-icon){display:none}.theme-toggle-btn{font-size:14px;height:36px;width:36px}.mobile-overlay{display:block}}@media (max-width:480px){.brand-logo{height:28px}.nav-brand>span:not(.brand-text):not(.icon-symbol){font-size:1.1rem}.nav-container{gap:10px}.nav-links{width:260px}.nav-actions{gap:6px}.theme-toggle-btn{font-size:12px;height:32px;width:32px}.status-indicator{font-size:10px;padding:3px 6px}}.income-breakdown-note{color:var(--text-muted);font-style:italic;margin-top:15px;text-align:center}.income-breakdown-note small{font-size:12px}.no-activities{background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:12px;padding:60px 20px;text-align:center}.no-activities .no-data-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.no-activities p{color:var(--text-secondary);font-size:14px;margin:0}.action-btn{display:inline-flex}@media (max-width:768px){.earnings-section{padding:20px}.earnings-grid,.income-breakdown-grid{grid-template-columns:1fr}.earnings-value,.income-breakdown-value{font-size:1.5rem}.activity-item{flex-wrap:wrap}.activity-time{margin-left:60px;text-align:left;width:100%}}.pagination-controls{align-items:center;border-top:1px solid var(--gray-200);display:flex;gap:10px;justify-content:center;margin-top:25px;padding-top:20px}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.pagination-numbers{align-items:center;display:flex;gap:5px}.pagination-number{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:8px;transition:all .2s ease}.pagination-number:hover{background:var(--gray-200);border-color:#667eea}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination-ellipsis{color:var(--text-secondary);font-weight:600;padding:0 8px}.pagination-info{color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:15px;text-align:center}@media (max-width:640px){.pagination-controls{flex-wrap:wrap;gap:8px}.pagination-btn{font-size:13px;padding:6px 12px}.pagination-number{font-size:13px;height:32px;min-width:32px}}[data-theme=dark] .income-breakdown-card{background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);border-color:var(--gray-300)}[data-theme=dark] .income-breakdown-icon{opacity:.9}[data-theme=dark] .income-breakdown-label{color:var(--text-secondary)}[data-theme=dark] .income-breakdown-value{color:var(--text-primary)}[data-theme=dark] .income-breakdown-percentage{color:#667eea}[data-theme=dark] .income-breakdown-note{color:var(--text-secondary)}[data-theme=dark] .income-breakdown-note small{color:var(--text-secondary);opacity:.8}.gainflow-user-stats{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}[data-theme=dark] .gainflow-user-stats{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px #00000080}.stats-placeholder{color:var(--text-secondary);padding:60px 20px;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.stats-placeholder h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 10px}.stats-placeholder p{font-size:1rem;margin:0}.stats-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}[data-theme=dark] .stats-header{border-bottom-color:#334155}.user-info{gap:15px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:1.2rem;font-weight:800;height:50px;justify-content:center;width:50px}.user-details h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 5px}[data-theme=dark] .user-details h3{color:#f1f5f9}.user-id-section{align-items:center;display:flex;gap:8px}.user-id{background:#f1f5f9;border-radius:6px;color:#64748b;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:4px 8px}[data-theme=dark] .user-id{background:#334155;color:#94a3b8}.copy-id-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 6px;transition:all .2s ease}.copy-id-btn:hover{background:#f1f5f9;color:var(--gainflow-primary)}[data-theme=dark] .copy-id-btn:hover{background:#334155}.copy-id-btn.copied{color:var(--gainflow-accent)}.stats-actions{display:flex;gap:10px}.refresh-stats-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}[data-theme=dark] .refresh-stats-btn{background:linear-gradient(135deg,#334155,#475569);border-color:#475569;color:#94a3b8}.refresh-stats-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:var(--text-primary);transform:rotate(180deg)}[data-theme=dark] .refresh-stats-btn:hover{background:linear-gradient(135deg,#475569,#64748b);color:#f1f5f9}.stats-nav{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;margin-bottom:25px;padding:4px}[data-theme=dark] .stats-nav{background:#0f172a;border-color:#334155}.stats-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}[data-theme=dark] .stats-tab{color:#94a3b8}.tab-icon{font-size:16px}.tab-text{display:inline}.stats-tab:hover{background:#667eea0d;color:var(--gainflow-primary)}[data-theme=dark] .stats-tab:hover{background:#667eea26;color:#a78bfa}.stats-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}@media (max-width:768px){.stats-tab{padding:10px 8px}.tab-text{display:none}.tab-icon{font-size:18px}}.stats-content{animation:fadeIn .4s ease-out}.performance-metrics{margin-bottom:30px}.performance-metrics h4{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 20px}[data-theme=dark] .performance-metrics h4{color:#f1f5f9}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:20px;transition:all .3s ease}[data-theme=dark] .metric-card{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.metric-card:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}[data-theme=dark] .metric-card:hover{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 8px 20px #0006}.metric-icon{align-items:center;background:#667eea1a;border-radius:10px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}[data-theme=dark] .metric-icon{background:#667eea33}.metric-content{flex:1 1}.metric-value{color:var(--text-primary);font-size:1.3rem;font-weight:800;line-height:1;margin-bottom:2px}[data-theme=dark] .metric-value{color:#f1f5f9}.metric-label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}[data-theme=dark] .metric-label{color:#94a3b8}.quick-stats{background:linear-gradient(135deg,#667eea1f,#764ba21f);border:1px solid #667eea40;border-radius:16px;padding:25px}[data-theme=dark] .quick-stats{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea4d}.quick-stats h4{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0 0 20px}[data-theme=dark] .quick-stats h4{color:#f1f5f9}.quick-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stat{align-items:center;border-bottom:1px solid #667eea33;display:flex;justify-content:space-between;padding:15px 0}[data-theme=dark] .quick-stat{border-bottom-color:#667eea4d}.quick-stat:last-child{border-bottom:none}.stat-label{color:#334155;font-weight:600}[data-theme=dark] .stat-label{color:#cbd5e0}.stat-value{color:#0f172a;font-size:16px;font-weight:800}[data-theme=dark] .stat-value{color:#f8fafc}.stat-value.active{color:var(--gainflow-accent)}.stat-value.inactive{color:#64748b}[data-theme=dark] .stat-value.inactive{color:#94a3b8}.network-tree{max-width:100%;overflow-x:auto}.level-users-section{border-top:2px solid #e2e8f0;margin-top:40px;padding-top:30px}[data-theme=dark] .level-users-section{border-top-color:#334155}.level-users-section h4{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 20px}[data-theme=dark] .level-users-section h4{color:#f1f5f9}.level-select-container{margin-bottom:25px}.level-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 15px;transition:all .3s ease;width:100%}[data-theme=dark] .level-select{background:#1e293b;border-color:#475569;color:#f1f5f9}.level-select:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.level-select:focus,.level-select:hover{border-color:var(--gainflow-primary)}.level-users-display{animation:fadeIn .4s ease-out}.level-users-loading{padding:40px 20px}[data-theme=dark] .level-users-loading{color:#94a3b8}.level-users-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--gainflow-primary);height:40px;margin:0 auto 15px;width:40px}[data-theme=dark] .level-users-loading .loading-spinner{border-color:#334155;border-top-color:var(--gainflow-primary)}.level-users-list{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014;padding:20px}[data-theme=dark] .level-users-list{background:#1e293b;border-color:#475569;box-shadow:0 4px 12px #0000004d}.level-users-header-single{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;padding:12px 15px;text-align:center;text-transform:uppercase}.level-users-ids{background:#f8fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;min-height:100px;padding:15px}[data-theme=dark] .level-users-ids{background:#0f172a}.level-user-id-chip{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;cursor:default;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease}.level-user-id-chip:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.level-summary-info{grid-gap:15px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea26;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}[data-theme=dark] .level-summary-info{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea33}.summary-stat{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.summary-label{color:#475569;font-size:13px;font-weight:600}[data-theme=dark] .summary-label{color:#cbd5e0}.summary-value{color:#0f172a;font-size:15px;font-weight:800}[data-theme=dark] .summary-value{color:#f8fafc}.level-users-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;margin-bottom:12px}.level-user-item,.level-users-header{grid-gap:15px;gap:15px;padding:12px 15px}.level-user-item{background:#f8fafc;border:1px solid #e2e8f0;font-size:14px;margin-bottom:10px}[data-theme=dark] .level-user-item{background:#0f172a;border-color:#334155}.level-user-item:hover{background:#f1f5f9;border-color:var(--gainflow-primary);box-shadow:0 2px 8px #667eea1a}[data-theme=dark] .level-user-item:hover{background:#1e293b;box-shadow:0 2px 8px #667eea33}.level-user-id{color:#1e293b}[data-theme=dark] .level-user-id{color:#f1f5f9}.level-user-investment{color:var(--gainflow-accent)}.level-users-empty{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;padding:40px 20px}[data-theme=dark] .level-users-empty{background:#1e293b;border-color:#334155;color:#94a3b8}.level-users-empty p{font-size:14px;font-style:italic;margin:0}.tree-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tree-header h4{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}[data-theme=dark] .tree-header h4{color:#f1f5f9}.tree-stats{display:flex;gap:20px}.tree-stat{color:#64748b;font-size:12px}[data-theme=dark] .tree-stat{color:#94a3b8}.tree-stat strong{color:var(--gainflow-primary)}.level-eligibility h4{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 20px}[data-theme=dark] .level-eligibility h4{color:#f1f5f9}.eligibility-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.eligibility-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:15px 10px;transition:all .3s ease}[data-theme=dark] .eligibility-item{background:#1e293b;border-color:#334155}.eligibility-item.eligible{background:#48bb7805;border-color:var(--gainflow-accent)}[data-theme=dark] .eligibility-item.eligible{background:#48bb781a}.eligibility-item.not-eligible{background:#e53e3e05;border-color:#fbb6ce}[data-theme=dark] .eligibility-item.not-eligible{background:#e53e3e1a}.eligibility-level{color:var(--text-primary);font-size:11px;font-weight:600;text-transform:uppercase}[data-theme=dark] .eligibility-level{color:#f1f5f9}.eligibility-status{font-size:18px;margin:5px 0}.eligibility-count{color:#1e293b;font-size:16px;font-weight:700;text-align:center}[data-theme=dark] .eligibility-count{color:#f1f5f9}.eligibility-volume{color:var(--gainflow-primary);font-size:12px;font-weight:600;text-align:center}[data-theme=dark] .eligibility-volume{color:#a78bfa}.referral-link-section{margin-bottom:30px}.referral-link-section h4{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 15px}[data-theme=dark] .referral-link-section h4{color:#f1f5f9}.referral-link-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:var(--font-mono)}[data-theme=dark] .referral-link-input{background:#1e293b;border-color:#475569;color:#f1f5f9}.referral-link-input:focus{border-color:var(--gainflow-primary);outline:none}.copy-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .3s ease}.copy-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.commission-structure,.referral-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}[data-theme=dark] .commission-structure,[data-theme=dark] .referral-instructions{background:#1e293b;border-color:#334155}.commission-structure h4,.referral-instructions h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 15px}[data-theme=dark] .commission-structure h4,[data-theme=dark] .referral-instructions h4{color:#f1f5f9}.instructions-list{counter-reset:step-counter;list-style:none;margin:0;padding:0}.instructions-list li{color:#64748b;counter-increment:step-counter;line-height:1.5;margin-bottom:10px;padding-left:30px;position:relative}[data-theme=dark] .instructions-list li{color:#94a3b8}.instructions-list li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;left:0;position:absolute;top:0;width:20px}.commission-levels{display:flex;flex-direction:column;gap:10px}.commission-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}[data-theme=dark] .commission-item{background:#0f172a;border-color:#334155}.commission-level{color:var(--text-primary);font-size:14px;font-weight:500}[data-theme=dark] .commission-level{color:#f1f5f9}.commission-rate{color:var(--gainflow-primary);font-size:14px;font-weight:700}@media (max-width:768px){.gainflow-user-stats{padding:20px}.stats-header{align-items:flex-start;flex-direction:column;gap:15px}.user-info{width:100%}.metrics-grid{gap:12px;grid-template-columns:1fr}.quick-stats-grid{gap:15px;grid-template-columns:1fr}.tree-header{align-items:flex-start;flex-direction:column;gap:10px}.tree-stats{gap:15px}.eligibility-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.referral-link-container{flex-direction:column}.commission-levels{gap:8px}.commission-item{padding:10px 12px}}@media (max-width:480px){.user-avatar{font-size:1rem;height:40px;width:40px}.user-details h3{font-size:1.3rem}.metric-card{padding:15px}.metric-icon{font-size:1.2rem;height:32px;width:32px}.metric-value{font-size:1.1rem}.eligibility-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}@media print{.copy-button,.copy-id-btn,.refresh-stats-btn,.stats-actions{display:none}.gainflow-user-stats{border:1px solid #e2e8f0;box-shadow:none}}.gainflow-dashboard{background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.dashboard-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40 40 0H0zm40 0V0H0z' fill='%23fff' fill-opacity='.03'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.header-info h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 10px}.header-subtitle{color:#fcfcfc;font-size:1.1rem;font-weight:400;margin:0;opacity:.9}.upline-id-label,.user-id-label{opacity:.9}.upline-id-value{background:rgba(236,213,8,.356)}.upline-id-value,.user-id-value{border-radius:6px;font-weight:700;margin:0 4px;opacity:1;padding:2px 8px}.user-id-value{background:rgba(8,236,8,.356)}.separator{margin:0 4px;opacity:.7}.refresh-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px;transition:all .3s ease}.refresh-btn:hover{background:#ffffff4d;transform:rotate(180deg)}.dashboard-content{animation:fadeInUp .6s ease}@media (max-width:768px){.dashboard-header{padding:20px}.header-info h1{font-size:2rem}.header-subtitle{display:flex;flex-direction:column;font-size:.95rem;gap:8px}.separator{display:none}.upline-id-label,.user-id-label{display:inline}.upline-id-value,.user-id-value{border-radius:6px;display:inline-block;margin:0 4px;padding:3px 10px}}@media (max-width:480px){.header-subtitle{font-size:.85rem}.upline-id-value,.user-id-value{font-size:.9rem;padding:2px 8px}}.overview-grid{grid-gap:30px;display:grid;gap:30px}.stats-section{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#0000,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.stat-card.warning{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.stat-card.info{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.stat-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content{flex:1 1}.stat-label{color:#fff;font-size:14px;font-weight:500;margin-bottom:5px;opacity:.9}.stat-value{color:#fff;font-size:2rem;font-weight:700;line-height:1}.ceiling-value{font-size:1.3rem!important;line-height:1.2}.referral-link-section{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.referral-link-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.referral-link-container{align-items:stretch;display:flex;gap:10px}.referral-link-input{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:14px;padding:12px 15px}.copy-link-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.copy-link-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.action-panel{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.panel-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.status-badge .badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.badge.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.badge.inactive{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.action-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:25px}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.action-btn.info{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.action-btn:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:16px}.balance-info{border-top:1px solid var(--gray-200);padding-top:20px}.balance-item{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.balance-label{color:var(--text-secondary);font-weight:500}.balance-value{color:var(--text-primary);font-weight:600}.balance-value.roi{color:#48bb78;font-weight:700}.team-details-section{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.team-details-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 25px}.team-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-detail-card{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border:1px solid var(--gray-200);border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.team-detail-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.team-detail-icon{font-size:2rem;opacity:.8}.team-detail-content{flex:1 1}.team-detail-label{color:var(--text-secondary);font-size:12px;font-weight:500;margin-bottom:5px}.team-detail-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.progress-section{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.progress-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 25px}.progress-cards{grid-gap:20px;display:grid;gap:20px}.progress-card{background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border:1px solid var(--gray-200);border-radius:12px;padding:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-header span:first-child{color:var(--text-primary);font-weight:600}.progress-percent{color:#667eea;font-weight:700}.progress-amount{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:10px}.progress-bar{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-fill.roi{background:linear-gradient(90deg,#48bb78,#38a169)}.progress-fill.total{background:linear-gradient(90deg,#667eea,#764ba2)}.investments-section{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.investment-stats{display:flex;gap:10px}.stat-badge{background:var(--gray-200);border-radius:12px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 12px}.stat-badge.active{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.investments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.investment-card{background:var(--bg-card);border:2px solid var(--gray-200);border-radius:16px;padding:25px;transition:all .3s ease}.investment-card.active{background:linear-gradient(135deg,#48bb7805,#38a16905);border-color:#48bb78}.investment-card.inactive{border-color:var(--gray-200);opacity:.7}.investment-card:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-3px)}.investment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.investment-amount{color:var(--text-primary);font-size:1.5rem;font-weight:700}.investment-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.investment-status.active{background:#48bb78;color:#fff}.investment-status.inactive{background:var(--gray-200);color:var(--text-secondary)}.investment-details{margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--text-secondary);font-weight:500}.value{color:var(--text-primary);font-weight:600}.value.success{color:#48bb78}.value.info{color:#4299e1}.investment-progress{margin-top:15px}.progress-info{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.progress-info span:first-child{color:var(--text-secondary);font-weight:500}.progress-info span:last-child{color:#667eea;font-weight:700}.no-investments{grid-column:1/-1;padding:60px 20px;text-align:center}.no-data-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-investments h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 10px}.no-investments p{color:var(--text-secondary);margin:0 0 30px}.referrals-section{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.referral-id{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:10px 15px}.referral-id code{background:#667eea;border-radius:4px;color:#fff;font-weight:600;margin-left:5px;padding:4px 8px}.referral-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:25px 0}.referral-stat-card{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border:1px solid var(--gray-200);border-radius:12px;display:flex;gap:15px;padding:20px}.referral-stat-card .stat-icon{font-size:2rem;opacity:.8}.referral-stat-card .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.referral-stat-card .stat-label{color:var(--text-secondary);font-size:14px;margin:0}.levels-section{border-top:1px solid var(--gray-200);margin-top:30px;padding-top:30px}.levels-section h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 20px}.levels-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.level-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:15px;text-align:center}.level-number{font-size:14px;font-weight:600;margin-bottom:5px;opacity:.9}.level-count{font-size:1.5rem;font-weight:700;margin-bottom:5px}.level-volume{font-size:12px;opacity:.8}.earnings-section{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;padding:30px}.earnings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.earnings-card{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);border:1px solid var(--gray-200);border-radius:16px;display:flex;gap:20px;padding:25px;transition:all .3s ease}.earnings-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.earnings-icon{font-size:2.5rem;opacity:.8}.earnings-content{flex:1 1}.earnings-label{color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:5px}.earnings-value{color:var(--text-primary);font-size:2rem;font-weight:700}.income-breakdown-section{border-top:1px solid var(--gray-200);margin-top:30px;padding-top:30px}.income-breakdown-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.income-breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.income-breakdown-card{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;display:flex;gap:15px;padding:25px;transition:all .3s ease}.income-breakdown-card:hover{box-shadow:0 8px 20px #4299e133;transform:translateY(-3px)}.income-breakdown-icon{font-size:2rem;opacity:.8}.income-breakdown-content{flex:1 1}.income-breakdown-label{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:8px}.income-breakdown-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:5px}.income-breakdown-percentage{color:#4299e1;font-size:14px;font-weight:600}.activities-section{border-top:1px solid var(--gray-200);margin-top:30px;padding-top:30px}.activities-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 20px}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:var(--bg-card);border:1px solid var(--gray-200);border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.activity-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(5px)}.activity-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:45px;justify-content:center;width:45px}.activity-icon.investment{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-icon.roi{background:linear-gradient(135deg,#48bb78,#38a169)}.activity-icon.referral{background:linear-gradient(135deg,#ed8936,#dd6b20)}.activity-icon.level{background:linear-gradient(135deg,#4299e1,#3182ce)}.activity-icon.withdraw{background:linear-gradient(135deg,#e53e3e,#c53030)}.activity-content{flex:1 1}.activity-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.activity-description{color:var(--text-secondary);font-size:13px}.activity-time{color:var(--text-muted);font-size:12px;white-space:nowrap}.earnings-actions{margin-top:30px;text-align:center}.action-btn.large{font-size:16px;padding:18px 40px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invest-modal{animation:slideUp .3s ease;background:var(--bg-card);border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:5px;transition:all .2s ease}.close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.form-input{background:var(--bg-card);border:2px solid var(--gray-200);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:16px;padding:12px 15px;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.investment-info{background:var(--gray-50);border-radius:12px;margin-bottom:25px;padding:15px}.info-item{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.info-item span:first-child{color:var(--text-secondary);font-weight:500}.info-item span:last-child{color:var(--text-primary);font-weight:600}.invest-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.invest-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.invest-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.gainflow-dashboard{padding:15px}.dashboard-header{padding:20px}.header-info h1{font-size:2rem}.header-subtitle{font-size:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:1.5rem}.action-buttons,.earnings-grid,.investments-grid,.referral-stats-grid,.team-details-grid{grid-template-columns:1fr}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.invest-modal{margin:20px;padding:20px}.referral-link-container{flex-direction:column}.copy-link-btn{width:100%}}.roi-highlight{color:#48bb78!important;font-weight:700!important}.stat-card.info .stat-value.ceiling-value{font-size:1.1rem!important;line-height:1.2}@media (max-width:768px){.stat-card.info .stat-value.ceiling-value{font-size:1rem!important}}.level-card{position:relative;transition:all .3s ease}.level-card.expanded{background:linear-gradient(135deg,#764ba2,#667eea);transform:scale(1.05)}.level-expand-icon{color:#fffc;font-size:10px;position:absolute;right:8px;top:8px;transition:transform .3s ease}.level-users-list{animation:slideDown .3s ease-out;background:var(--bg-card);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:15px;padding:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.level-users-header{background:var(--gray-100);color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.level-user-item,.level-users-header{grid-gap:10px;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:10px 12px}.level-user-item{background:var(--bg-card);border:1px solid var(--gray-200);font-size:13px;margin-bottom:8px;transition:all .2s ease}.level-user-item:hover{background:var(--gray-50);border-color:#667eea;transform:translateX(5px)}.level-user-item:last-child{margin-bottom:0}.level-user-id{color:var(--text-primary);font-family:Courier New,monospace;font-weight:600}.level-user-investment{color:#48bb78;font-weight:700;text-align:right}.level-users-loading{font-style:italic}.level-users-empty,.level-users-loading{color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}[data-theme=dark] .level-users-list{background:var(--gray-100);border-color:var(--gray-300)}[data-theme=dark] .level-users-header{background:var(--gray-200)}[data-theme=dark] .level-user-item{background:var(--gray-100);border-color:var(--gray-300)}[data-theme=dark] .level-user-item:hover{background:var(--gray-200);border-color:#667eea}@media (max-width:768px){.level-users-list{padding:12px}.level-user-item,.level-users-header{font-size:12px;gap:8px;grid-template-columns:1fr 1fr;padding:8px 10px}.level-user-id{font-size:11px}.level-user-investment{font-size:12px}}@media (max-width:480px){.level-user-item,.level-users-header{gap:5px;grid-template-columns:1fr}.level-user-investment{border-left:2px solid #48bb78;padding-left:10px;text-align:left}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-light:#667eea1a;--primary-shadow:#667eea4d;--success-gradient:linear-gradient(135deg,#48bb78,#38a169);--warning-gradient:linear-gradient(135deg,#ed8936,#dd6b20);--error-gradient:linear-gradient(135deg,#e53e3e,#c53030);--info-gradient:linear-gradient(135deg,#4299e1,#3182ce);--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e0;--gray-400:#a0aec0;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:linear-gradient(135deg,#f8fafc,#e2e8f0);--bg-card:#fff;--bg-overlay:#0009;--text-primary:#2d3748;--text-secondary:#64748b;--text-muted:#a0aec0;--text-white:#fff;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000040;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:0.15s ease-in-out;--transition-base:0.2s ease-in-out;--transition-slow:0.3s ease-in-out;--transition-slower:0.5s ease-in-out;--z-dropdown:1000;--z-modal:2000;--z-notification:3000;--z-tooltip:4000;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--navbar-height:70px;--sidebar-width:280px;--content-max-width:1200px;--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);--ease-in-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1);--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--btn-height-xl:56px;--input-height:48px;--input-padding:12px 16px;--input-border:2px solid var(--gray-200);--input-border-focus:2px solid #667eea;--input-border-error:2px solid #e53e3e;--card-padding:24px;--card-padding-sm:16px;--card-padding-lg:32px;--card-border:1px solid var(--gray-200);--card-shadow:var(--shadow-lg);--gainflow-primary:#667eea;--gainflow-secondary:#764ba2;--gainflow-accent:#48bb78;--gainflow-warning:#ed8936;--gainflow-error:#e53e3e;--gainflow-info:#4299e1;--roi-positive:#48bb78;--roi-negative:#e53e3e;--roi-neutral:#64748b;--status-active:#48bb78;--status-inactive:#64748b;--status-completed:#4299e1;--status-paused:#ed8936;--level-1-5:#667eea;--level-6-10:#764ba2;--level-11-15:#48bb78;--level-16-20:#ed8936;--wallet-connector-width:200px;--dashboard-max-width:1200px;--modal-max-width:500px;--card-hover-translate:-2px;--investment-real:#48bb78;--investment-virtual:#ed8936;--investment-leader:#9f7aea}[data-theme=dark]{--bg-primary:linear-gradient(135deg,#1a202c,#0f172a);--bg-card:#2d3748;--bg-overlay:#000c;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e0;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#f8fafc;--input-border:2px solid #475569;--input-border-focus:2px solid #667eea;--input-border-error:2px solid #e53e3e;--card-border:1px solid #475569;--card-shadow:0 10px 25px #0000004d;--status-active:#68d391;--status-inactive:#94a3b8;--status-completed:#63b3ed;--status-paused:#f6ad55;--gainflow-primary:#7c3aed;--gainflow-secondary:#8b5cf6;--gainflow-accent:#10b981;--gainflow-warning:#f59e0b;--gainflow-error:#ef4444;--gainflow-info:#06b6d4}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.15}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);text-rendering:optimizeLegibility}button{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);margin-bottom:1rem}.container{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--space-md);width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.m-0{margin:0}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.btn-base{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);justify-content:center;line-height:1;overflow:hidden;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all var(--transition-base)}.btn-base:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-base:focus{box-shadow:0 0 0 3px #667eea33;outline:none}.btn-primary{background:var(--primary-gradient);box-shadow:0 4px 15px var(--primary-shadow);color:var(--text-white)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-shadow);transform:translateY(-2px)}.btn-secondary{background:var(--gray-200);color:var(--text-primary)}.btn-secondary:hover{background:var(--gray-300)}.btn-outline{background:#0000;border-color:var(--gray-300);color:var(--text-primary)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-sm{font-size:var(--font-size-xs);height:var(--btn-height-sm);padding:0 var(--space-sm)}.btn-md{font-size:var(--font-size-sm);height:var(--btn-height-md);padding:0 var(--space-md)}.btn-lg{font-size:var(--font-size-base);height:var(--btn-height-lg);padding:0 var(--space-lg)}.btn-xl{font-size:var(--font-size-lg);height:var(--btn-height-xl);padding:0 var(--space-xl)}.card-base{background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-2xl);box-shadow:var(--card-shadow);transition:all var(--transition-base)}.card-base:hover{box-shadow:var(--shadow-xl);transform:translateY(var(--card-hover-translate))}.card-padding{padding:var(--card-padding)}.card-padding-sm{padding:var(--card-padding-sm)}.card-padding-lg{padding:var(--card-padding-lg)}.input-base{background:var(--bg-card);border:var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);height:var(--input-height);padding:var(--input-padding);transition:all var(--transition-base);width:100%}.input-base:focus{border:var(--input-border-focus);box-shadow:0 0 0 3px #667eea1a;outline:none}.input-base.error,.input-base:invalid{border:var(--input-border-error)}.loading{overflow:hidden;position:relative}.loading:after{animation:loading-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.skeleton{animation:skeleton-pulse 2s infinite;background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:var(--space-sm)}.skeleton-title{height:1.5rem;margin-bottom:var(--space-md);width:60%}.skeleton-avatar{border-radius:var(--radius-full);height:3rem;width:3rem}.status-indicator{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.status-active{background:#48bb781a;color:var(--status-active)}.status-inactive{background:#64748b1a;color:var(--status-inactive)}.status-completed{background:#4299e11a;color:var(--status-completed)}.status-paused{background:#ed89361a;color:var(--status-paused)}.progress-bar-base{background:var(--gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.progress-fill-base{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slower)}.progress-primary{background:var(--primary-gradient)}.progress-success{background:var(--success-gradient)}.progress-warning{background:var(--warning-gradient)}.progress-error{background:var(--error-gradient)}.badge-base{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-xs);line-height:1;padding:var(--space-xs) var(--space-sm)}.badge-primary{background:var(--primary-light);color:var(--gainflow-primary)}.badge-success{background:#48bb781a;color:var(--gainflow-accent)}.badge-warning{background:#ed89361a;color:var(--gainflow-warning)}.badge-error{background:#e53e3e1a;color:var(--gainflow-error)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-fade-in-down{animation:fadeInDown .5s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-center{text-align:center}}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex-col{flex-direction:column}}@media (max-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:#667eea33;color:var(--text-primary)}:focus-visible{outline:2px solid var(--gainflow-primary);outline-offset:2px}@media print{body{background:#fff;color:#000}.no-print{display:none}}.gainflow-app{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1;padding-bottom:60px;position:relative}.notification-banner{animation:slideDownNotification .5s ease-out;left:50%;max-width:500px;position:fixed;top:90px;transform:translateX(-50%);width:90%;z-index:2000}@keyframes slideDownNotification{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notification-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;gap:12px;padding:15px 20px}.notification-banner.success .notification-content{background:linear-gradient(135deg,#d4fce3,#a7f3d0);border:1px solid #6ee7b7;color:#047857}.notification-banner.error .notification-content{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;color:#c53030}.notification-icon{flex-shrink:0;font-size:18px}.notification-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.notification-dismiss{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;padding:2px 6px;transition:background-color .2s ease}.notification-banner.success .notification-dismiss{color:#047857}.notification-banner.success .notification-dismiss:hover{background:#0478571a}.notification-banner.error .notification-dismiss{color:#c53030}.notification-banner.error .notification-dismiss:hover{background:#c530301a}.loading-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:60px;margin-bottom:20px;width:60px}.loading-text{color:#fff;font-size:16px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-screen{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 90px);padding:40px 20px}.welcome-content{max-width:1000px;text-align:center;width:100%}.welcome-hero{animation:fadeInUp .8s ease-out;margin-bottom:60px}.hero-icon{align-items:center;animation:heroIconFloat 3s ease-in-out infinite;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 30px;overflow:hidden;position:relative;width:80px}@keyframes heroIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-icon .icon-gradient{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;left:0;position:absolute;right:0;top:0}.hero-icon .icon-symbol{color:#fff;font-size:36px;font-weight:800;position:relative;z-index:1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 20px}.hero-subtitle{color:var(--text-secondary);font-size:1.3rem;line-height:1.5;margin:0 auto;max-width:600px}.welcome-register-section{animation:scaleIn .6s ease-out .4s both;margin-top:40px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.welcome-register-btn-large{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:16px;box-shadow:0 10px 30px #48bb7866;color:#fff;cursor:pointer;display:inline-flex;font-size:1.3rem;font-weight:700;gap:15px;justify-content:center;overflow:hidden;padding:20px 50px;position:relative;transition:all .3s ease}.welcome-register-btn-large:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.welcome-register-btn-large:hover:before{left:100%}.welcome-register-btn-large:hover{box-shadow:0 15px 40px #48bb7880;transform:translateY(-3px)}.register-icon{animation:pulse 2s ease-in-out infinite;font-size:1.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.register-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;margin-top:15px}.welcome-features{grid-gap:30px;animation:fadeInUp 1s ease-out .2s both;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:60px}.feature-card{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px #00000014;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#0000,#667eea05);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#667eea33;box-shadow:0 20px 40px #0000001f;transform:translateY(-5px)}.feature-icon{display:block;font-size:3rem;margin-bottom:20px}.feature-card h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin:0 0 15px}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0}.register-modal{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.info-highlight{background:linear-gradient(135deg,#48bb780d,#38a1690d);border:1px solid #48bb7833;border-radius:12px;margin:15px 0;padding:20px}.info-highlight h4{color:var(--gainflow-accent);font-size:1.1rem;margin:0 0 15px}.info-highlight ul{list-style:none;margin:0;padding:0}.info-highlight li{color:var(--text-secondary);font-size:14px;line-height:1.4;margin-bottom:8px}.input-help{color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:5px}.register-submit-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:15px;transition:all .3s ease;width:100%}.register-submit-btn:hover{box-shadow:0 8px 25px #48bb784d;transform:translateY(-2px)}.register-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cta-text{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0 0 15px}.cta-arrow{animation:bounce 2s infinite;color:var(--gainflow-primary);font-size:2rem}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.dashboard-container{animation:fadeIn .6s ease-out}.refresh-indicator{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--gray-200);border-radius:25px;box-shadow:0 4px 15px #0000001a;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 15px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1500}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.refresh-spinner{animation:spin 1s linear infinite;border:2px solid #667eea33;border-radius:50%;border-top:2px solid var(--gainflow-primary);height:16px;width:16px}.app-footer{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;margin-top:auto;padding:20px 0}.footer-content{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-brand{font-weight:600}.footer-links{align-items:center;color:#fffc;display:flex;gap:10px}[data-theme=dark] .feature-card{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .feature-card h3{color:var(--text-primary)}[data-theme=dark] .feature-card p{color:var(--text-secondary)}[data-theme=dark] .register-modal{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .info-highlight{background:#10b9811a;border-color:#10b9814d}[data-theme=dark] .refresh-indicator{background:var(--gray-100);border-color:var(--gray-200)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.welcome-features{gap:20px;grid-template-columns:1fr}.feature-card{padding:25px}.feature-icon{font-size:2.5rem;margin-bottom:15px}.feature-card h3{font-size:1.2rem}.welcome-register-btn-large{font-size:1.1rem;padding:16px 40px}.refresh-indicator{padding:8px 12px;right:20px}.footer-content{flex-direction:column;gap:10px;text-align:center}.notification-banner{top:80px;width:95%}.notification-content{padding:12px 16px}.notification-message{font-size:13px}}@media (max-width:640px){.welcome-screen{padding:20px 15px}.welcome-hero{margin-bottom:40px}.hero-icon{height:60px;margin-bottom:20px;width:60px}.hero-icon .icon-symbol{font-size:28px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.welcome-features{margin-bottom:40px}.feature-card{padding:20px}.welcome-register-btn-large{font-size:1rem;padding:14px 30px}.refresh-indicator{font-size:11px;padding:6px 10px;right:15px}.refresh-spinner{height:14px;width:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}:focus{outline:2px solid var(--gainflow-primary);outline-offset:2px}.js-focus-visible :focus:not(.focus-visible){outline:none}@media print{.app-footer,.gainflow-navigation,.loading-overlay,.notification-banner,.refresh-indicator{display:none}.gainflow-app{background:#fff}}
/*# sourceMappingURL=main.b2b1fcdc.css.map*/