@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";@media (max-width: 768px){.dashboard-page{min-height:100vh!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important}.dashboard-main{flex:1!important;margin:0!important;padding:60px 10px 20px!important;overflow-y:auto!important;background:linear-gradient(135deg,#0a0a12,#1a1a2e,#16213e,#1a1a2e,#0a0a12)!important}.dashboard-header{padding:15px!important;margin:0 0 20px!important;background:rgba(26,26,46,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;border:1px solid rgba(0,212,255,.2)!important}.balance-cards-grid{grid-template-columns:1fr 1fr!important;gap:15px!important;padding:15px!important;margin:0!important}.balance-card{min-height:120px!important;padding:15px!important;background:rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important}.offline-indicator{top:10px!important;left:10px!important;right:auto!important;width:auto!important;z-index:10001!important}.offline-indicator .indicator-main{padding:6px 12px!important;min-width:80px!important;font-size:11px!important}.mobile-hamburger-button,.menu-button{position:fixed!important;top:15px!important;left:15px!important;z-index:10002!important;width:48px!important;height:48px!important;background:rgba(0,0,0,.9)!important;border:1px solid #00D4FF!important;border-radius:8px!important;color:#00d4ff!important;cursor:pointer!important}.dashboard-title{font-size:1.8rem!important;margin:0!important;color:#00d4ff!important}.dashboard-title .subtitle{font-size:1.2rem!important;color:rgba(255,255,255,.8)!important}.sidebar.open{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;z-index:10000!important;background:rgba(0,0,0,.9)!important}.dashboard-content,.earnings-overview,.balance-cards-container{display:block!important;visibility:visible!important;opacity:1!important}.header-center,.header-right{display:none!important}.user-address-bar{padding:10px 15px!important;margin:10px 0!important;background:rgba(26,26,46,.9)!important;border-radius:8px!important;font-size:12px!important}}@media (max-width: 480px){.dashboard-main{padding:60px 5px 20px!important}.balance-cards-grid{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}.dashboard-header{padding:10px!important}.dashboard-title{font-size:1.5rem!important}.dashboard-title .subtitle{font-size:1rem!important}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px){.dashboard-main{transform:translateZ(0)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;overflow-x:hidden!important}.dashboard-header,.balance-card{transform:translateZ(0)!important}}.sentry-error-boundary{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;margin:20px}.error-content{max-width:600px;text-align:center;background:#fff;padding:40px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid #e2e8f0}.error-icon{font-size:64px;margin-bottom:20px;display:block}.error-content h2{margin:0 0 16px;font-size:24px;font-weight:700;color:#1f2937}.error-content p{margin:0 0 24px;color:#6b7280;font-size:16px;line-height:1.6}.error-details{margin:24px 0;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.error-details summary{cursor:pointer;font-weight:600;color:#374151;margin-bottom:12px;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#1f2937}.error-stack{background:#1f2937;color:#f9fafb;padding:16px;border-radius:6px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:12px 0}.event-id{font-family:Courier New,monospace;font-size:12px;color:#6b7280;background:#f3f4f6;padding:8px 12px;border-radius:4px;word-break:break-all}.error-actions{display:-ms-flexbox;display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.retry-btn,.reload-btn,.feedback-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.retry-btn{background:#3b82f6;color:#fff}.retry-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.reload-btn{background:#6b7280;color:#fff}.reload-btn:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px rgba(107,114,128,.3)}.feedback-btn{background:#10b981;color:#fff}.feedback-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.error-support{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}.error-support p{margin:0;font-size:14px;color:#9ca3af;line-height:1.5}@media (max-width: 768px){.sentry-error-boundary{margin:10px;padding:20px 10px;min-height:300px}.error-content{padding:30px 20px}.error-content h2{font-size:20px}.error-content p{font-size:14px}.error-icon{font-size:48px;margin-bottom:16px}.error-actions{flex-direction:column;align-items:center}.retry-btn,.reload-btn,.feedback-btn{width:100%;max-width:200px}.error-stack{font-size:11px;padding:12px}}@media (max-width: 480px){.error-content{padding:20px 16px}.error-content h2{font-size:18px}.error-icon{font-size:40px}}.super-wallet-connect{display:-ms-flexbox;display:flex;align-items:center;gap:12px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.super-wallet-connect.compact{gap:8px}.connect-btn{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:-ms-flexbox;display:flex;align-items:center;gap:8px;min-height:48px;white-space:nowrap;position:relative;z-index:1010}.connect-btn:hover{background:linear-gradient(135deg,#09c,#007399);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.3)}.connect-btn:active{transform:translateY(0)}.connect-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.connect-btn.connecting{background:linear-gradient(135deg,#666,#444)}.compact .connect-btn{padding:8px 16px;font-size:14px;min-height:36px}.super-wallet-connect.connected{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:8px 12px}.wallet-info{display:-ms-flexbox;display:flex;align-items:center;gap:12px}.account-details{display:-ms-flexbox;display:flex;flex-direction:column;gap:2px}.account-address{font-size:14px;font-weight:600;color:#00d4ff}.account-balance{font-size:12px;color:rgba(255,255,255,.7)}.network-status{display:-ms-flexbox;display:flex;align-items:center;gap:4px;font-size:12px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.2)}.network-status.connected{color:#4ade80}.network-status.wrong-network{color:#f87171}.disconnect-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.disconnect-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.compact .disconnect-btn{padding:4px 8px;font-size:14px;font-weight:700}.wallet-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wallet-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;border:1px solid rgba(0,212,255,.3);box-shadow:0 20px 60px rgba(0,0,0,.5);width:90%;max-width:480px;max-height:80vh;overflow-y:auto;color:#fff}.modal-header{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.modal-header h3{margin:0;font-size:24px;font-weight:700;color:#00d4ff}.close-btn{background:none;border:none;color:rgba(255,255,255,.7);font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.wallet-list{padding:0 24px;display:-ms-flexbox;display:flex;flex-direction:column;gap:12px}.wallet-option{display:-ms-flexbox;display:flex;align-items:center;gap:16px;padding:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.wallet-option:hover{background:rgba(0,212,255,.1);border-color:rgba(0,212,255,.3);transform:translateY(-2px)}.wallet-option.selected{background:rgba(0,212,255,.2);border-color:#00d4ff}.wallet-option:disabled{opacity:.5;cursor:not-allowed;transform:none}.wallet-icon{font-size:32px;min-width:32px}.wallet-info{flex:1}.wallet-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.wallet-desc{font-size:14px;color:rgba(255,255,255,.7)}.status-indicator{color:#4ade80;font-size:20px;font-weight:700}.mobile-instructions{padding:24px;text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:20px}.mobile-instructions h4{margin:0 0 12px;color:#00d4ff;font-size:18px}.mobile-instructions p{margin:0 0 16px;color:rgba(255,255,255,.8)}.app-links{display:-ms-flexbox;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.app-links a{display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);border-radius:8px;color:#00d4ff;text-decoration:none;font-weight:600;transition:all .2s ease}.app-links a:hover{background:rgba(0,212,255,.2);transform:translateY(-2px)}.error-message{padding:16px 24px 24px;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);border-radius:8px;margin:16px 24px 0;color:#f87171;font-size:14px}.error-message button{background:rgba(248,113,113,.2);border:1px solid rgba(248,113,113,.4);color:#f87171;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.error-message button:hover{background:rgba(248,113,113,.3)}.inline-error{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:#f87171;padding:8px 12px;border-radius:8px;font-size:12px;margin-top:8px}@media (max-width: 768px){.wallet-modal{width:95%;margin:20px}.modal-header{padding:16px 16px 0}.wallet-list{padding:0 16px}.wallet-option{padding:12px}.wallet-icon{font-size:24px;min-width:24px}.app-links{flex-direction:column}.connect-btn{font-size:14px;padding:10px 20px}}.wallet-modal-overlay{animation:fadeIn .3s ease}.wallet-modal{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (hover: none) and (pointer: coarse){.wallet-option:hover,.connect-btn:hover{transform:none}.wallet-option,.connect-btn{min-height:48px}}.header{position:fixed;top:0;left:0;right:0;width:100%;padding:1rem 2rem;display:-ms-flexbox!important;display:flex!important;justify-content:space-between;align-items:center;background:rgba(17,24,39,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;transition:all .3s ease;border-bottom:1px solid rgba(0,212,255,.1);box-shadow:0 2px 10px rgba(0,0,0,.2)}.header>*{flex:1;display:-ms-flexbox;display:flex;align-items:center}.logo-section{flex:0 0 auto;display:-ms-flexbox;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .3s ease}.logo-section:hover{transform:scale(1.05)}.logo-section svg{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(0,212,255,.3))}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-links{flex:2;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;gap:2rem;margin:0 2rem}.nav-links a{text-decoration:none;color:rgba(255,255,255,.8);font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative;padding:.5rem 0;white-space:nowrap}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(#00d4ff),to(#7b2cbf));background:linear-gradient(90deg,#00d4ff,#7b2cbf);transition:width .3s ease}.nav-links a:hover{color:#00d4ff}.nav-links a:hover:after{width:100%}.nav-links a.active{color:#00d4ff}.nav-links a.active:after{width:100%}.wallet-section{flex:0 0 auto;display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:35}.wallet-info{display:-ms-flexbox;display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:.5rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wallet-address{color:#00d4ff;font-weight:600;font-size:.9rem;font-family:Courier New,monospace}.connect-btn,.disconnect-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.connect-btn{background:linear-gradient(135deg,#00d4ff,#7b2cbf);color:#fff;box-shadow:0 4px 15px rgba(0,212,255,.3);position:relative;overflow:hidden}.connect-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.2)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.connect-btn:hover:before{left:100%}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,255,.4)}.disconnect-btn{background:rgba(244,67,54,.1);color:#f44336;border:1px solid #f44336}.disconnect-btn:hover{background:#f44336;color:#fff;transform:translateY(-2px)}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem}@media (min-width: 769px){.mobile-menu-toggle{display:none!important}}@media (max-width: 1024px){.nav-links{gap:1.5rem}.nav-links a{font-size:.9rem}}@media (max-width: 768px){.header{padding:1rem}.nav-links{position:fixed;top:60px;left:0;right:0;background:rgba(17,24,39,.98);flex-direction:column;padding:1rem;gap:1rem;transform:translateY(-100%);transition:transform .3s ease;border-bottom:1px solid rgba(0,212,255,.1);margin:0}.nav-links.mobile-open{transform:translateY(0)}.mobile-menu-toggle{display:block}.wallet-section{margin-left:auto}.logo-text{font-size:1.25rem}}@media (min-width: 769px){.header{display:-ms-flexbox!important;display:flex!important;visibility:visible!important;opacity:1!important}.nav-links{display:-ms-flexbox!important;display:flex!important;position:static!important;transform:none!important;background:transparent!important;flex-direction:row!important;padding:0!important;gap:2rem!important;margin:0 2rem!important;visibility:visible!important;opacity:1!important}.mobile-menu-toggle{display:none!important}.logo-section,.wallet-section{display:-ms-flexbox!important;display:flex!important;visibility:visible!important;opacity:1!important}}@media (max-width: 480px){.header{padding:.75rem 1rem}.logo-section svg{width:32px;height:32px}.connect-btn,.disconnect-btn{padding:.6rem 1rem;font-size:.8rem}.wallet-address{font-size:.8rem}}.header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.3);background:rgba(17,24,39,.98)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header{animation:slideDown .3s ease-out}*{touch-action:manipulation}body{font-size:clamp(14px,4vw,16px);line-height:1.6;overflow-x:hidden}button,.btn,.view-btn,.toggle-btn,a[role=button],[role=button]{min-height:44px;min-width:44px;padding:12px 16px;-webkit-tap-highlight-color:rgba(0,212,255,.3);touch-action:manipulation}input,select,textarea{font-size:16px;padding:12px 16px;border-radius:8px;width:100%;transition:all .2s ease}.container,.page-container{padding:1rem;max-width:100%}@media (max-width: 374px){.container,.page-container{padding:.75rem}.btn,button{font-size:14px;padding:10px 14px}.modal,.user-profile-modal{margin:.5rem;max-height:calc(100vh - 1rem)}}@media (max-width: 767px){button,.btn,.view-btn,.toggle-btn{min-height:44px;min-width:44px;padding:12px 16px}.container,.page-container{padding:1rem}input,select,textarea{font-size:16px;padding:12px;border-radius:8px}.header-controls,.genealogy-controls,.dashboard-nav{flex-direction:column;gap:.75rem}.modal,.user-profile-modal,.export-modal{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal-content{max-height:calc(100vh - 4rem);overflow-y:auto}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.chart-container{padding:1rem}.chart-content{height:250px}.d3-tree-container{height:400px!important;overflow:hidden}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.5rem}.network-tree-card{padding:1rem;margin:.5rem 0}.genealogy-analytics{padding:1rem}.metrics-overview,.charts-grid{grid-template-columns:1fr}.header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.nav-menu{width:100%}}@media (max-width: 480px){h1,.page-title{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}.container{padding:.75rem}.metric-card{flex-direction:column;text-align:center;padding:1.25rem}.metric-icon{margin-bottom:.75rem}.btn,button{padding:10px 14px;font-size:.9rem}.view-controls{flex-direction:column;width:100%}.view-btn{width:100%;justify-content:center;margin-bottom:.5rem}.performer-card,.activity-item,.withdrawal-item{margin-bottom:1rem}.dashboard-nav{flex-wrap:wrap}.nav-item{flex:1;min-width:calc(50% - .5rem)}.modal{margin:.5rem;border-radius:12px}.modal-header,.modal-body{padding:1rem}.search-container{flex-direction:column}.search-input{width:100%;margin-bottom:.75rem}.tree-controls{position:fixed;bottom:1rem;right:1rem;flex-direction:column}.zoom-btn{margin-bottom:.5rem;padding:8px;border-radius:50%}}@media (max-width: 768px) and (orientation: landscape){.genealogy-analytics{padding:.75rem}.charts-grid{grid-template-columns:1fr 1fr}.chart-container.large{grid-column:1 / -1}.dashboard-grid{grid-template-columns:1fr 1fr}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.chart-content canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.d3-tree-container svg{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (hover: none) and (pointer: coarse){.btn:hover,.view-btn:hover,.metric-card:hover{transform:none}.btn:active,.view-btn:active{transform:scale(.98);transition:transform .1s}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.tree-node{min-width:44px;min-height:44px}.swipeable{touch-action:pan-x}}@media (prefers-color-scheme: dark){.modal,.card{background:rgba(30,41,59,.95);border-color:rgba(71,85,105,.5)}.text-muted{color:#94a3b8}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.chart-content{transition:none}}@media print{.header,.footer,.floating-controls{display:none}.genealogy-analytics,.dashboard{background:#1a1a2e;color:#fff}.metric-card,.chart-container{background:#1a1a2e;border:1px solid #333;page-break-inside:avoid;break-inside:avoid}.page-break{page-break-before:always}}@media (prefers-contrast: high){button,.btn{border:2px solid}.metric-card{border:2px solid rgba(255,255,255,.8)}}@media (pointer: fine){.btn:focus,.view-btn:focus,input:focus,select:focus{outline:2px solid #3b82f6;outline-offset:2px}}@media (min-width: 1400px){.genealogy-analytics{max-width:1400px;margin:0 auto}.charts-grid{grid-template-columns:repeat(3,1fr)}.chart-container.large{grid-column:1 / -1}.chart-container.medium{grid-column:span 1}}.intro-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:linear-gradient(135deg,#1a1a2e,#16213e)!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9000!important;color:#fff!important}.intro-content{text-align:center!important;padding:2rem 1rem!important;max-width:90%!important}.skip-intro-btn{position:fixed!important;bottom:30px!important;right:20px!important;padding:12px 24px!important;font-size:16px!important;z-index:9001!important;cursor:pointer!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:25px!important;color:#fff!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;min-height:44px!important;min-width:120px!important}.skip-intro-btn:hover,.skip-intro-btn:active{background:rgba(255,255,255,.2)!important;transform:scale(1.05)!important}@media (max-width: 768px){.mobile-optimized-app .dashboard-container{flex-direction:column!important;height:100vh!important}.mobile-optimized-app .dashboard-sidebar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;background:var(--bg-dark, #1a1a2e)!important;border-top:1px solid rgba(255,255,255,.1)!important;z-index:900!important;padding:0!important;box-shadow:0 -5px 15px rgba(0,0,0,.2)!important}.mobile-optimized-app .user-profile{display:none!important}.mobile-optimized-app .sidebar-menu{display:-ms-flexbox!important;display:flex!important;flex-direction:row!important;justify-content:space-around!important;padding:8px 5px!important;margin:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.mobile-optimized-app .menu-item{flex-direction:column!important;padding:8px 6px!important;min-width:auto!important;font-size:10px!important;border:none!important;background:transparent!important;color:rgba(255,255,255,.7)!important;transition:all .2s ease!important;border-radius:8px!important;flex:1!important;max-width:80px!important}.mobile-optimized-app .menu-item.active{color:#00d4ff!important;background:rgba(0,212,255,.1)!important}.mobile-optimized-app .menu-item:active{transform:scale(.95)!important;background:rgba(255,255,255,.1)!important}.mobile-optimized-app .menu-icon{font-size:18px!important;margin-bottom:4px!important;margin-right:0!important}.mobile-optimized-app .sidebar-footer,.mobile-optimized-app .network-health{display:none!important}.mobile-optimized-app .dashboard-main{margin-left:0!important;margin-bottom:70px!important;padding:1rem!important;width:100%!important;overflow-y:auto!important;height:calc(100vh - 70px)!important}.mobile-optimized-app .hero-section{padding:3rem 1rem!important;text-align:center!important;min-height:70vh!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important}.mobile-optimized-app .hero-title{font-size:2.5rem!important;margin-bottom:1rem!important}.mobile-optimized-app .hero-subtitle{font-size:1.2rem!important;margin-bottom:1.5rem!important}.mobile-optimized-app .hero-description{font-size:1rem!important;margin-bottom:2rem!important;line-height:1.6!important}.mobile-optimized-app .hero-actions{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:1rem!important;max-width:300px!important;margin:0 auto!important}.mobile-optimized-app .btn-primary,.mobile-optimized-app .btn-secondary{width:100%!important;padding:14px 20px!important;font-size:16px!important;min-height:48px!important;border-radius:25px!important;transition:all .2s ease!important}.mobile-optimized-app .btn-primary:active,.mobile-optimized-app .btn-secondary:active{transform:scale(.98)!important}.mobile-optimized-app .stats-grid{display:grid!important;grid-template-columns:1fr!important;grid-gap:1rem!important;gap:1rem!important;margin-bottom:2rem!important}.mobile-optimized-app .stat-card{padding:1.5rem!important;text-align:center!important;background:rgba(255,255,255,.05)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important}.mobile-optimized-app .features-grid{display:grid!important;grid-template-columns:1fr!important;grid-gap:1.5rem!important;gap:1.5rem!important;padding:1rem!important}.mobile-optimized-app .feature-card{padding:2rem 1.5rem!important;text-align:center!important;background:rgba(255,255,255,.05)!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important;transition:transform .2s ease!important}.mobile-optimized-app .feature-card:active{transform:scale(.98)!important}.mobile-optimized-app .feature-icon{font-size:3rem!important;margin-bottom:1rem!important}.mobile-optimized-app .form-group{margin-bottom:1.5rem!important}.mobile-optimized-app .form-control{width:100%!important;padding:14px 16px!important;font-size:16px!important;border-radius:12px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;transition:all .2s ease!important}.mobile-optimized-app .form-control:focus{border-color:#00d4ff!important;box-shadow:0 0 0 3px rgba(0,212,255,.1)!important;outline:none!important}.mobile-optimized-app .modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.8)!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1900!important;padding:1rem!important}.mobile-optimized-app .modal-content{background:var(--bg-dark, #1a1a2e)!important;border-radius:16px!important;padding:2rem 1.5rem!important;width:100%!important;max-width:400px!important;max-height:80vh!important;overflow-y:auto!important;border:1px solid rgba(255,255,255,.1)!important}.mobile-optimized-app .table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:1rem!important}.mobile-optimized-app table{min-width:500px!important;font-size:14px!important}.mobile-optimized-app th,.mobile-optimized-app td{padding:12px 8px!important;white-space:nowrap!important}.mobile-optimized-app .header{padding:1rem!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important;background:rgba(26,26,46,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.mobile-optimized-app .header-content{display:-ms-flexbox!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.mobile-optimized-app .logo{font-size:1.5rem!important}.mobile-optimized-app .footer{padding:2rem 1rem!important;margin-bottom:70px!important}}@media (min-width: 769px) and (max-width: 1024px){.dashboard-sidebar{width:200px!important}.dashboard-main{margin-left:200px!important;padding:2rem!important}.stats-grid,.features-grid{grid-template-columns:repeat(2,1fr)!important}.hero-actions{flex-direction:row!important;justify-content:center!important;gap:1rem!important}}@media (hover: none) and (pointer: coarse){a,button,.clickable,.menu-item{min-height:44px!important;min-width:44px!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important}.menu-item:hover,.btn:hover,.feature-card:hover{background:initial!important;transform:none!important}.menu-item:active,.btn:active,button:active,.feature-card:active{opacity:.8!important;transform:scale(.98)!important}}@media (max-width: 768px) and (orientation: landscape){.hero-section{padding:2rem 1rem!important;min-height:60vh!important}.dashboard-sidebar{height:60px!important}.menu-item{font-size:9px!important;padding:6px 4px!important}.menu-icon{font-size:16px!important}.dashboard-main{height:calc(100vh - 60px)!important;margin-bottom:60px!important}.intro-content{padding:1rem!important}.hero-title{font-size:2rem!important}.skip-intro-btn{bottom:20px!important;right:15px!important;padding:10px 20px!important;font-size:14px!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.feature-icon,.menu-icon{image-rendering:-webkit-optimize-contrast!important}}@media (prefers-reduced-motion: reduce){.skip-intro-btn,.menu-item,.btn,.feature-card{transition:none!important;animation:none!important}.intro-overlay{animation:none!important}}@media (prefers-color-scheme: dark){.intro-overlay{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)!important}.modal-content{background:#0a0a0a!important}.form-control{background:rgba(255,255,255,.02)!important}}@media (min-width: 769px){.enhanced-dashboard-container{display:-ms-flexbox!important;display:flex!important;flex-direction:row!important;min-height:100vh!important;position:relative!important;overflow:visible!important}.enhanced-dashboard-container .dashboard-sidebar{position:-webkit-sticky!important;position:sticky!important;top:0!important;height:100vh!important;flex-shrink:0!important;overflow-y:auto!important}.enhanced-dashboard-container .dashboard-main{flex:1!important;min-width:0!important;overflow-y:auto!important;position:relative!important}.enhanced-dashboard-container .dashboard-toolbar{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:50!important}.enhanced-dashboard-container .menu-item{pointer-events:auto!important;cursor:pointer!important}.mobile-nav-bar,.mobile-menu-overlay{display:none!important}}.leadfive-optimized{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.leadfive-performance-optimized{contain:layout style paint;will-change:transform}.leadfive-lazy-load{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.leadfive-lazy-load.loaded{opacity:1;transform:translateY(0)}.leadfive-secure{position:relative}.leadfive-secure:after{content:"🔒";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.7}.leadfive-validation-error{border:2px solid #ef4444!important;background:rgba(239,68,68,.1)}.leadfive-validation-success{border:2px solid #10b981!important;background:rgba(16,185,129,.1)}.leadfive-mobile-optimized{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.leadfive-touch-target{min-height:44px;min-width:44px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;position:relative}.leadfive-touch-feedback{position:relative;overflow:hidden}.leadfive-touch-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none}.leadfive-touch-feedback.active:before{width:100%;height:100%}.leadfive-tracked{position:relative}.leadfive-tracked[data-score]:after{content:attr(data-score);position:absolute;top:-8px;right:-8px;background:var(--primary-color, #00D4FF);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700;min-width:16px;text-align:center}.leadfive-heatmap-target{position:relative}.leadfive-heatmap-target:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(255,0,0,.3) 0%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s ease}.leadfive-heatmap-target.hot:before{opacity:1}.leadfive-status-indicator{position:fixed;bottom:20px;right:20px;display:-ms-flexbox;display:flex;gap:5px;z-index:9999;pointer-events:none}.leadfive-status-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;transition:background .3s ease}.leadfive-status-dot.active{background:#10b981}.leadfive-status-dot.error{background:#ef4444}.leadfive-status-dot.warning{background:#f59e0b}.leadfive-performance-overlay{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:8px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px;z-index:10000;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leadfive-performance-overlay.hidden{display:none}.leadfive-notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:10000;transform:translate(100%);transition:transform .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:300px}.leadfive-notification.show{transform:translate(0)}.leadfive-notification.success{background:#10b981}.leadfive-notification.error{background:#ef4444}.leadfive-notification.warning{background:#f59e0b;color:#1f2937}.leadfive-notification.info{background:#3b82f6}.leadfive-loading{position:relative;pointer-events:none}.leadfive-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);border-radius:inherit;z-index:1}.leadfive-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #3b82f6;border-radius:50%;border-top-color:transparent;animation:leadfive-spin 1s linear infinite;z-index:2}@keyframes leadfive-spin{to{transform:rotate(360deg)}}.leadfive-fade-in{opacity:0;animation:leadfive-fade-in .5s ease forwards}@keyframes leadfive-fade-in{to{opacity:1}}.leadfive-slide-up{transform:translateY(20px);opacity:0;animation:leadfive-slide-up .5s ease forwards}@keyframes leadfive-slide-up{to{transform:translateY(0);opacity:1}}.leadfive-scale-in{transform:scale(.9);opacity:0;animation:leadfive-scale-in .3s ease forwards}@keyframes leadfive-scale-in{to{transform:scale(1);opacity:1}}@media (max-width: 768px){.leadfive-mobile-only{display:block}.leadfive-desktop-only{display:none}.leadfive-touch-target{min-height:48px;min-width:48px}.leadfive-status-indicator{bottom:10px;right:10px}.leadfive-notification{top:10px;right:10px;left:10px;max-width:none}.leadfive-performance-overlay{top:5px;right:5px;font-size:10px;padding:8px}}@media (min-width: 769px){.leadfive-mobile-only{display:none}.leadfive-desktop-only{display:block}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.leadfive-performance-overlay{font-size:11px}.leadfive-status-dot{width:6px;height:6px}}@media (prefers-reduced-motion: reduce){.leadfive-lazy-load,.leadfive-touch-feedback:before,.leadfive-notification,.leadfive-fade-in,.leadfive-slide-up,.leadfive-scale-in{animation:none!important;transition:none!important}.leadfive-lazy-load{opacity:1;transform:none}}@media (prefers-color-scheme: dark){.leadfive-notification.warning{background:#d97706;color:#fff}.leadfive-performance-overlay{background:rgba(255,255,255,.1);color:#fff}.leadfive-validation-error{background:rgba(239,68,68,.2)}.leadfive-validation-success{background:rgba(16,185,129,.2)}}@media print{.leadfive-status-indicator,.leadfive-performance-overlay,.leadfive-notification{display:none!important}}.leadfive-focus-trap{position:relative}.leadfive-focus-trap:before,.leadfive-focus-trap:after{content:"";position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.leadfive-screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (prefers-contrast: high){.leadfive-status-dot,.leadfive-notification{border:2px solid currentColor}.leadfive-validation-error,.leadfive-validation-success{border-width:3px}}.leadfive-card{border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:box-shadow .3s ease,transform .3s ease;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.leadfive-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.leadfive-button{border-radius:8px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.leadfive-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.leadfive-button:active:before{width:100%;height:100%}.leadfive-input{border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.leadfive-input:focus{outline:none;border-color:var(--primary-color, #00D4FF);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.leadfive-hidden{display:none!important}.leadfive-visible{display:block!important}.leadfive-flex{display:-ms-flexbox;display:flex}.leadfive-grid{display:grid}.leadfive-center{display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.leadfive-space-between{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center}.leadfive-full-width{width:100%}.leadfive-full-height{height:100%}.leadfive-rounded{border-radius:8px}.leadfive-shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.leadfive-transition{transition:all .3s ease}.leadfive-debug-mode .leadfive-tracked{border:2px dashed #f59e0b}.leadfive-debug-mode .leadfive-heatmap-target{border:2px dashed #ef4444}.leadfive-debug-mode .leadfive-performance-optimized{border:2px dashed #10b981}.leadfive-debug-mode .leadfive-mobile-optimized{border:2px dashed #3b82f6}.leadfive-success-animation{position:relative}.leadfive-success-animation:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#10b981;font-size:24px;font-weight:700;opacity:0;animation:leadfive-success-pop .5s ease forwards}@keyframes leadfive-success-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.leadfive-error-animation{animation:leadfive-shake .5s ease-in-out}@keyframes leadfive-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.leadfive-suite-active .leadfive-card{animation:leadfive-fade-in .5s ease}.leadfive-suite-active .leadfive-button{animation:leadfive-slide-up .5s ease}.leadfive-suite-active .leadfive-input{animation:leadfive-scale-in .3s ease}.App{min-height:100vh;width:100%;background:#0a0a0a;color:#fff;position:relative;margin:0;padding:0;overflow-x:hidden}.App.fullscreen-app{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:10}#root{width:100%;background:#0a0a0a;margin:0;padding:0}@media screen and (max-width: 1920px){.App{width:100vw;max-width:100vw}}.page-content,.about-content,.packages-content,.dashboard-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}body,html{background-color:#0a0a0a!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--cyber-blue: #00d4ff;--royal-purple: #7b2cbf;--energy-orange: #ff6b35;--deep-space: #1a1a2e;--midnight-blue: #16213e;--silver-mist: #b8c5d1;--success-green: #00ff88;--alert-red: #ff4757;--premium-gold: #ffd700;--pure-white: #ffffff;--charcoal-gray: #2d3748;--true-black: #0a0a0a;--primary: var(--cyber-blue);--secondary: var(--royal-purple);--accent: var(--energy-orange);--success: var(--success-green);--warning: var(--premium-gold);--error: var(--alert-red);--info: var(--cyber-blue);--bg-primary: var(--deep-space);--bg-secondary: var(--midnight-blue);--bg-surface: rgba(22, 33, 62, .8);--bg-card: rgba(26, 26, 46, .95);--bg-modal: rgba(0, 0, 0, .9);--bg-glass: rgba(255, 255, 255, .05);--text-primary: var(--pure-white);--text-secondary: var(--silver-mist);--text-muted: rgba(184, 197, 209, .7);--text-accent: var(--cyber-blue);--font-primary: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "JetBrains Mono", "SF Mono", "Monaco", monospace;--font-display: "Orbitron", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-cyber: 0 0 20px rgba(0, 212, 255, .3);--shadow-purple: 0 0 20px rgba(123, 44, 191, .3);--shadow-orange: 0 0 20px rgba(255, 107, 53, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:linear-gradient(135deg,var(--deep-space) 0%,var(--midnight-blue) 100%);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.dashboard-container{display:grid;grid-template-columns:280px 1fr;grid-template-rows:80px 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100vh;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-4)}.dashboard-header{grid-area:header;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--bg-glass);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.dashboard-sidebar{grid-area:sidebar;background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);overflow-y:auto}.dashboard-main{grid-area:main;overflow-y:auto;padding:var(--space-6);background:var(--bg-surface);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(var(--cyber-blue)),to(var(--royal-purple)));background:linear-gradient(90deg,var(--cyber-blue),var(--royal-purple));opacity:0;transition:opacity var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-cyber)}.card:hover:before{opacity:1}.card-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.card-content{color:var(--text-secondary)}.card-glow{box-shadow:var(--shadow-cyber)}.card-purple{box-shadow:var(--shadow-purple)}.card-orange{box-shadow:var(--shadow-orange)}.btn{display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;text-decoration:none;font-family:inherit;white-space:nowrap}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.2)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--cyber-blue),var(--royal-purple));color:var(--pure-white);box-shadow:0 4px 15px rgba(0,212,255,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.4)}.btn-secondary{background:linear-gradient(135deg,var(--royal-purple),var(--energy-orange));color:var(--pure-white);box-shadow:0 4px 15px rgba(123,44,191,.3)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(123,44,191,.4)}.btn-accent{background:linear-gradient(135deg,var(--energy-orange),var(--premium-gold));color:var(--pure-white);box-shadow:0 4px 15px rgba(255,107,53,.3)}.btn-success{background:var(--success-green);color:var(--pure-white);box-shadow:0 4px 15px rgba(0,255,136,.3)}.btn-warning{background:var(--premium-gold);color:var(--true-black);box-shadow:0 4px 15px rgba(255,215,0,.3)}.btn-error{background:var(--alert-red);color:var(--pure-white);box-shadow:0 4px 15px rgba(255,71,87,.3)}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:var(--cyber-blue)}.btn-outline{background:transparent;color:var(--cyber-blue);border:2px solid var(--cyber-blue)}.btn-outline:hover{background:var(--cyber-blue);color:var(--pure-white)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-cyber)}.stat-icon{flex-shrink:0}.stat-icon-bg{width:60px;height:60px;border-radius:var(--radius-lg);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative}.stat-icon-primary{background:linear-gradient(135deg,var(--cyber-blue),rgba(0,212,255,.2));color:var(--cyber-blue)}.stat-icon-secondary{background:linear-gradient(135deg,var(--royal-purple),rgba(123,44,191,.2));color:var(--royal-purple)}.stat-icon-success{background:linear-gradient(135deg,var(--success-green),rgba(0,255,136,.2));color:var(--success-green)}.stat-icon-warning{background:linear-gradient(135deg,var(--premium-gold),rgba(255,215,0,.2));color:var(--premium-gold)}.stat-content{flex:1}.stat-title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:var(--weight-medium)}.stat-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);font-family:var(--font-secondary);margin-bottom:var(--space-2)}.stat-change{display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium)}.stat-change-up{color:var(--success-green)}.stat-change-down{color:var(--alert-red)}.input-group{margin-bottom:var(--space-4)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.input{width:100%;padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:focus{outline:none;border-color:var(--cyber-blue);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.input::placeholder{color:var(--text-muted)}.select{width:100%;padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeIn .3s ease forwards}.modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px rgba(0,0,0,.5);max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9);animation:modalSlideIn .3s ease forwards}.modal-sm{width:90%;max-width:400px}.modal-md{width:90%;max-width:600px}.modal-lg{width:90%;max-width:900px}.modal-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:20px}.modal-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.modal-content{padding:var(--space-6)}.progress-ring{position:relative;display:inline-block}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-background{fill:none;stroke:rgba(255,255,255,.1)}.progress-ring-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-ring-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);font-family:var(--font-secondary)}.progress-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.text-gradient{background:linear-gradient(135deg,var(--cyber-blue),var(--royal-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.cyber-glow{box-shadow:var(--shadow-cyber)}.purple-glow{box-shadow:var(--shadow-purple)}.orange-glow{box-shadow:var(--shadow-orange)}.fade-in-up{animation:fadeInUp .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.pulse{animation:pulse 2s infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr;grid-template-areas:"header" "main"}.dashboard-sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:100;transition:left var(--transition-base)}.dashboard-sidebar.open{left:0}}@media (max-width: 768px){.dashboard-container{padding:var(--space-2);gap:var(--space-2)}.dashboard-main{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.stat-card{flex-direction:column;text-align:center;padding:var(--space-4)}.stat-value{font-size:var(--text-2xl)}.modal-md,.modal-lg{width:95%;margin:var(--space-4)}.modal-header,.modal-content{padding:var(--space-4)}}@media (max-width: 480px){.btn{width:100%;justify-content:center}.stat-card{padding:var(--space-3)}.card{padding:var(--space-4)}}:root{--color-primary-hsl: 195, 100%, 50%;--color-primary-50: hsl(195, 100%, 97%);--color-primary-100: hsl(195, 100%, 92%);--color-primary-200: hsl(195, 100%, 84%);--color-primary-300: hsl(195, 100%, 76%);--color-primary-400: hsl(195, 100%, 68%);--color-primary-500: hsl(195, 100%, 50%);--color-primary-600: hsl(195, 100%, 42%);--color-primary-700: hsl(195, 100%, 34%);--color-primary-800: hsl(195, 100%, 26%);--color-primary-900: hsl(195, 100%, 18%);--color-secondary-hsl: 271, 64%, 47%;--color-secondary-50: hsl(271, 64%, 97%);--color-secondary-100: hsl(271, 64%, 92%);--color-secondary-200: hsl(271, 64%, 84%);--color-secondary-300: hsl(271, 64%, 76%);--color-secondary-400: hsl(271, 64%, 68%);--color-secondary-500: hsl(271, 64%, 47%);--color-secondary-600: hsl(271, 64%, 39%);--color-secondary-700: hsl(271, 64%, 31%);--color-secondary-800: hsl(271, 64%, 23%);--color-secondary-900: hsl(271, 64%, 15%);--color-accent-hsl: 25, 100%, 61%;--color-accent-50: hsl(25, 100%, 97%);--color-accent-100: hsl(25, 100%, 92%);--color-accent-200: hsl(25, 100%, 84%);--color-accent-300: hsl(25, 100%, 76%);--color-accent-400: hsl(25, 100%, 68%);--color-accent-500: hsl(25, 100%, 61%);--color-accent-600: hsl(25, 100%, 53%);--color-accent-700: hsl(25, 100%, 45%);--color-accent-800: hsl(25, 100%, 37%);--color-accent-900: hsl(25, 100%, 29%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(220, 13%, 97%);--color-neutral-100: hsl(220, 13%, 94%);--color-neutral-200: hsl(220, 13%, 87%);--color-neutral-300: hsl(220, 13%, 80%);--color-neutral-400: hsl(220, 13%, 65%);--color-neutral-500: hsl(220, 13%, 50%);--color-neutral-600: hsl(220, 13%, 40%);--color-neutral-700: hsl(220, 13%, 30%);--color-neutral-800: hsl(220, 13%, 20%);--color-neutral-900: hsl(220, 13%, 10%);--color-neutral-950: hsl(220, 13%, 5%);--color-dark-surface-0: hsl(220, 27%, 4%);--color-dark-surface-1: hsl(220, 27%, 6%);--color-dark-surface-2: hsl(220, 27%, 8%);--color-dark-surface-3: hsl(220, 27%, 10%);--color-dark-surface-4: hsl(220, 27%, 12%);--color-dark-surface-5: hsl(220, 27%, 14%);--surface-primary: var(--color-dark-surface-0);--surface-secondary: var(--color-dark-surface-1);--surface-tertiary: var(--color-dark-surface-2);--surface-elevated: var(--color-dark-surface-3);--surface-overlay: var(--color-dark-surface-4);--surface-modal: var(--color-dark-surface-5);--text-primary: var(--color-neutral-0);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-600);--text-inverse: var(--color-neutral-900);--border-subtle: hsla(220, 13%, 50%, .1);--border-default: hsla(220, 13%, 50%, .2);--border-strong: hsla(220, 13%, 50%, .4);--border-interactive: var(--color-primary-500);--state-success: hsl(142, 76%, 36%);--state-warning: hsl(45, 93%, 47%);--state-error: hsl(0, 84%, 60%);--state-info: var(--color-primary-500);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Monaco, "Cascadia Code", monospace;--font-family-display: "Outfit", var(--font-family-primary);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--size-button-sm: 32px;--size-button-md: 40px;--size-button-lg: 48px;--size-button-xl: 56px;--size-input-sm: 32px;--size-input-md: 40px;--size-input-lg: 48px;--size-touch-target-min: 44px;--size-touch-target-optimal: 48px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-dark-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-dark-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-dark-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-dark-xl: 0 20px 25px -5px rgba(0, 0, 0, .4);--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .75s;--ease-linear: cubic-bezier(0, 0, 1, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.175, .885, .32, 1.275);--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--z-index-debug: 2147483647}:root{--button-primary-bg: var(--color-primary-500);--button-primary-bg-hover: var(--color-primary-600);--button-primary-bg-active: var(--color-primary-700);--button-primary-text: var(--color-neutral-0);--button-primary-border: var(--color-primary-500);--button-secondary-bg: transparent;--button-secondary-bg-hover: var(--color-primary-500);--button-secondary-bg-active: var(--color-primary-600);--button-secondary-text: var(--color-primary-500);--button-secondary-text-hover: var(--color-neutral-0);--button-secondary-border: var(--color-primary-500);--input-bg: var(--surface-secondary);--input-bg-focus: var(--surface-tertiary);--input-border: var(--border-default);--input-border-focus: var(--color-primary-500);--input-text: var(--text-primary);--input-placeholder: var(--text-tertiary);--card-bg: var(--surface-secondary);--card-bg-hover: var(--surface-tertiary);--card-border: var(--border-subtle);--card-border-hover: var(--border-default);--card-shadow: var(--shadow-dark-sm);--card-shadow-hover: var(--shadow-dark-md);--nav-bg: var(--surface-primary);--nav-bg-blur: hsla(220, 27%, 4%, .8);--nav-item-bg-hover: var(--surface-tertiary);--nav-item-bg-active: var(--color-primary-500);--nav-item-text: var(--text-secondary);--nav-item-text-hover: var(--text-primary);--nav-item-text-active: var(--color-neutral-0)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--ease-bounce: var(--ease-linear);--ease-elastic: var(--ease-linear)}}@media (prefers-color-scheme: light){:root{--surface-primary: var(--color-neutral-0);--surface-secondary: var(--color-neutral-50);--surface-tertiary: var(--color-neutral-100);--surface-elevated: var(--color-neutral-0);--surface-overlay: var(--color-neutral-50);--surface-modal: var(--color-neutral-0);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--border-subtle: hsla(220, 13%, 50%, .1);--border-default: hsla(220, 13%, 50%, .2);--border-strong: hsla(220, 13%, 50%, .4);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md)}}.design-token-debug{position:relative}.design-token-debug:before{content:attr(data-token);position:absolute;top:-20px;left:0;font-size:var(--font-size-xs);color:var(--color-accent-500);background:var(--surface-overlay);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);z-index:var(--z-index-debug);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.design-token-debug:hover:before{opacity:1}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}@media (prefers-contrast: high){:root{--border-subtle: var(--border-default);--border-default: var(--border-strong);--text-secondary: var(--text-primary);--text-tertiary: var(--text-secondary)}}@media print{:root{--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none}}:root{--cyber-blue: #00D4FF;--royal-purple: #7B2CBF;--energy-orange: #FF6B35;--deep-space: #1A1A2E;--midnight-blue: #16213E;--silver-mist: #B8C5D1;--success-green: #00FF88;--alert-red: #FF4757;--premium-gold: #FFD700;--pure-white: #FFFFFF;--charcoal-gray: #2D3748;--true-black: #0A0A0A;--primary-gradient: linear-gradient(135deg, var(--cyber-blue) 0%, var(--royal-purple) 50%, var(--energy-orange) 100%);--dark-gradient: linear-gradient(135deg, var(--deep-space) 0%, var(--midnight-blue) 100%);--glass-gradient: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(0, 212, 255, .3);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--silver-mist);background:var(--deep-space);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.unified-page{min-height:100vh;display:-ms-flexbox;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.unified-page-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--deep-space);overflow:hidden}.unified-animated-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(123,44,191,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,107,53,.1) 0%,transparent 50%);animation:floatingGradient 20s ease infinite}@keyframes floatingGradient{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-20px) scale(1.1)}66%{transform:translate(20px,-10px) scale(.9)}}.unified-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(26,26,46,0)),to(rgba(26,26,46,.8)));background:linear-gradient(180deg,rgba(26,26,46,0),rgba(26,26,46,.8));pointer-events:none}.unified-page-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:var(--space-xl);position:relative;z-index:1}.unified-page-header{margin-bottom:var(--space-2xl);text-align:center;position:relative}.unified-page-title{font-size:var(--text-4xl);font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:2px;line-height:1.2;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:brightness(1) drop-shadow(0 0 20px rgba(0,212,255,.5))}50%{filter:brightness(1.2) drop-shadow(0 0 30px rgba(123,44,191,.6))}}.unified-page-subtitle{font-size:var(--text-lg);color:var(--silver-mist);opacity:.9;max-width:600px;margin:0 auto}.unified-breadcrumbs{display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--silver-mist);opacity:.8}.unified-breadcrumbs a{color:var(--cyber-blue);text-decoration:none;transition:all var(--duration-fast)}.unified-breadcrumbs a:hover{color:var(--energy-orange);text-decoration:underline}.unified-breadcrumbs .separator{color:var(--charcoal-gray)}.unified-card{background:rgba(22,33,62,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-xl);position:relative;overflow:hidden;transition:all var(--duration-normal)}.unified-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-gradient);opacity:0;transition:opacity var(--duration-normal)}.unified-card:hover{transform:translateY(-2px);border-color:rgba(0,212,255,.3);box-shadow:var(--shadow-glow)}.unified-card:hover:before{opacity:1}.unified-card-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.unified-card-title{font-size:var(--text-xl);font-weight:700;color:var(--pure-white);display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-sm)}.unified-card-icon{font-size:var(--text-2xl);color:var(--cyber-blue)}.unified-card-content{position:relative;z-index:1}.unified-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.unified-stat-card{background:rgba(22,33,62,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;transition:all var(--duration-normal)}.unified-stat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 70%);transform:rotate(45deg);transition:all var(--duration-slow);opacity:0}.unified-stat-card:hover{transform:translateY(-4px);border-color:rgba(0,212,255,.3);box-shadow:0 10px 30px rgba(0,212,255,.2)}.unified-stat-card:hover:after{opacity:1}.unified-stat-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.unified-stat-label{font-size:var(--text-sm);color:var(--silver-mist);text-transform:uppercase;letter-spacing:1px;opacity:.8}.unified-stat-icon{font-size:var(--text-xl);color:var(--cyber-blue);opacity:.8}.unified-stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--pure-white);line-height:1;margin-bottom:var(--space-sm)}.unified-stat-change{display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm)}.unified-stat-change.positive{color:var(--success-green)}.unified-stat-change.negative{color:var(--alert-red)}.unified-btn{display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-normal);text-decoration:none;position:relative;overflow:hidden}.unified-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow)}.unified-btn:hover:before{width:300px;height:300px}.unified-btn-primary{background:var(--primary-gradient);color:var(--pure-white);box-shadow:0 4px 15px rgba(0,212,255,.3)}.unified-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,255,.4)}.unified-btn-secondary{background:rgba(255,255,255,.1);color:var(--cyber-blue);border:1px solid var(--cyber-blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unified-btn-secondary:hover{background:rgba(0,212,255,.1);border-color:var(--energy-orange);color:var(--energy-orange)}.unified-btn-success{background:var(--success-green);color:var(--deep-space)}.unified-btn-danger{background:var(--alert-red);color:var(--pure-white)}.unified-btn-icon{font-size:var(--text-lg)}.unified-form-group{margin-bottom:var(--space-lg)}.unified-form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--silver-mist);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:1px}.unified-form-input{width:100%;padding:var(--space-md);font-size:var(--text-base);color:var(--pure-white);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all var(--duration-normal)}.unified-form-input:focus{outline:none;border-color:var(--cyber-blue);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.unified-form-input::placeholder{color:rgba(184,197,209,.5)}.unified-table-container{background:rgba(22,33,62,.4);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.unified-table{width:100%;border-collapse:collapse}.unified-table thead{background:rgba(123,44,191,.1);border-bottom:1px solid rgba(255,255,255,.1)}.unified-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--silver-mist)}.unified-table td{padding:var(--space-md) var(--space-lg);color:var(--pure-white);border-bottom:1px solid rgba(255,255,255,.05)}.unified-table tr:hover td{background:rgba(0,212,255,.05)}.unified-loading{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--silver-mist)}.unified-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--cyber-blue);border-radius:50%;margin-bottom:var(--space-lg)}.unified-loading-text{font-size:var(--text-lg);opacity:.8}.unified-empty-state{text-align:center;padding:var(--space-3xl);color:var(--silver-mist)}.unified-empty-icon{font-size:5rem;color:var(--charcoal-gray);margin-bottom:var(--space-lg);opacity:.5}.unified-empty-title{font-size:var(--text-2xl);font-weight:700;color:var(--pure-white);margin-bottom:var(--space-md)}.unified-empty-message{font-size:var(--text-base);opacity:.8;margin-bottom:var(--space-xl)}.unified-alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid;display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.unified-alert-success{background:rgba(0,255,136,.1);border-color:var(--success-green);color:var(--success-green)}.unified-alert-error{background:rgba(255,71,87,.1);border-color:var(--alert-red);color:var(--alert-red)}.unified-alert-warning{background:rgba(255,215,0,.1);border-color:var(--premium-gold);color:var(--premium-gold)}.unified-alert-info{background:rgba(0,212,255,.1);border-color:var(--cyber-blue);color:var(--cyber-blue)}.unified-badge{display:-ms-inline-flexbox;display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.unified-badge-primary{background:rgba(0,212,255,.2);color:var(--cyber-blue);border:1px solid var(--cyber-blue)}.unified-badge-success{background:rgba(0,255,136,.2);color:var(--success-green);border:1px solid var(--success-green)}.unified-badge-warning{background:rgba(255,215,0,.2);color:var(--premium-gold);border:1px solid var(--premium-gold)}.unified-badge-danger{background:rgba(255,71,87,.2);color:var(--alert-red);border:1px solid var(--alert-red)}.unified-progress{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);overflow:hidden;position:relative}.unified-progress-bar{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--duration-slow) ease;position:relative;overflow:hidden}.unified-progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.3)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.unified-tooltip{position:relative;display:inline-block;cursor:help}.unified-tooltip-content{position:absolute;bottom:125%;left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background:var(--deep-space);color:var(--silver-mist);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--duration-fast);z-index:var(--z-tooltip)}.unified-tooltip:hover .unified-tooltip-content{opacity:1;visibility:visible}@media (max-width: 1024px){.unified-page-content{padding:var(--space-lg)}.unified-page-title{font-size:var(--text-3xl)}.unified-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}}@media (max-width: 768px){.unified-page-content{padding:var(--space-md)}.unified-page-title{font-size:var(--text-2xl)}.unified-page-subtitle{font-size:var(--text-base)}.unified-stats-grid{grid-template-columns:1fr;gap:var(--space-md)}.unified-card{padding:var(--space-lg);width:100%;min-width:100%}.unified-table-container{overflow-x:auto}.unified-btn{width:100%;justify-content:center}.unified-grid{display:grid;grid-template-columns:1fr!important}.unified-tabs{flex-wrap:wrap;justify-content:center}.unified-tab{margin-bottom:var(--space-md)}}.unified-fade-in{animation:fadeIn var(--duration-normal) ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unified-slide-up{animation:slideUp var(--duration-normal) ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unified-scale-in{animation:scaleIn var(--duration-normal) ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.unified-text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.unified-glass{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.unified-glow{box-shadow:var(--shadow-glow)}.unified-center{display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.unified-between{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}.unified-gap-sm{gap:var(--space-sm)}.unified-gap-md{gap:var(--space-md)}.unified-gap-lg{gap:var(--space-lg)}.unified-gap-xl{gap:var(--space-xl)}.unified-mt-sm{margin-top:var(--space-sm)}.unified-mt-md{margin-top:var(--space-md)}.unified-mt-lg{margin-top:var(--space-lg)}.unified-mt-xl{margin-top:var(--space-xl)}.unified-mb-sm{margin-bottom:var(--space-sm)}.unified-mb-md{margin-bottom:var(--space-md)}.unified-mb-lg{margin-bottom:var(--space-lg)}.unified-mb-xl{margin-bottom:var(--space-xl)}.unified-income-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-lg)}.unified-income-title{display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-md)}.unified-income-icon{font-size:var(--text-3xl);color:var(--cyber-blue)}.unified-income-actions{display:-ms-flexbox;display:flex;gap:var(--space-md);flex-wrap:wrap}.unified-chart-container{background:rgba(22,33,62,.4);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid rgba(255,255,255,.1);min-height:300px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.unified-activity-feed{background:rgba(22,33,62,.4);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid rgba(255,255,255,.1)}.unified-activity-item{display:-ms-flexbox;display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.05)}.unified-activity-item:last-child{border-bottom:none}.unified-activity-icon{width:40px;height:40px;border-radius:var(--radius-full);background:rgba(0,212,255,.1);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;color:var(--cyber-blue);flex-shrink:0}.unified-activity-content{flex:1}.unified-activity-title{font-size:var(--text-sm);font-weight:600;color:var(--pure-white);margin-bottom:var(--space-xs)}.unified-activity-time{font-size:var(--text-xs);color:var(--silver-mist);opacity:.7}@media print{.unified-page-background,.unified-animated-bg,.unified-gradient-overlay{display:none}.unified-page-content{background:var(--deep-space);color:#fff}.unified-card,.unified-stat-card{border:1px solid #ccc;box-shadow:none}}.unified-flex{display:-ms-flexbox;display:flex;flex-wrap:wrap}.unified-spinner{animation:spin 1s linear infinite}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-secondary: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-display: "Orbitron", "Inter", sans-serif;--text-xs: clamp(.694rem, .65rem + .22vw, .75rem);--text-sm: clamp(.833rem, .767rem + .33vw, .875rem);--text-base: clamp(1rem, .913rem + .435vw, 1rem);--text-lg: clamp(1.2rem, 1.087rem + .565vw, 1.125rem);--text-xl: clamp(1.44rem, 1.296rem + .72vw, 1.25rem);--text-2xl: clamp(1.728rem, 1.549rem + .895vw, 1.5rem);--text-3xl: clamp(2.074rem, 1.848rem + 1.13vw, 1.875rem);--text-4xl: clamp(2.488rem, 2.207rem + 1.405vw, 2.25rem);--text-5xl: clamp(2.986rem, 2.634rem + 1.76vw, 3rem);--text-6xl: clamp(3.583rem, 3.146rem + 2.185vw, 3.75rem);--text-7xl: clamp(4.3rem, 3.761rem + 2.695vw, 4.5rem);--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--text-primary: #ffffff;--text-secondary: #b8c5d1;--text-muted: rgba(184, 197, 209, .7);--text-accent: #00d4ff;--text-success: #00ff88;--text-warning: #ffd700;--text-error: #ff4757;--text-inverse: #0a0a0a}*{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);letter-spacing:var(--tracking-normal)}.h1,h1{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 var(--space-6) 0;position:relative}.h1:after,h1:after{content:"";position:absolute;bottom:-var(--space-2);left:0;width:60px;height:3px;background:-webkit-gradient(linear,left top,right top,from(var(--cyber-blue)),to(var(--royal-purple)));background:linear-gradient(90deg,var(--cyber-blue),var(--royal-purple));border-radius:var(--radius-full)}.h2,h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:var(--space-8) 0 var(--space-4) 0}.h3,h3{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:var(--space-6) 0 var(--space-3) 0}.h4,h4{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary);margin:var(--space-5) 0 var(--space-3) 0}.h5,h5{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--text-primary);margin:var(--space-4) 0 var(--space-2) 0}.h6,h6{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--text-secondary);margin:var(--space-3) 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.display-1{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:var(--weight-black);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter);background:linear-gradient(135deg,var(--cyber-blue),var(--royal-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--space-8) 0}.display-2{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 var(--space-6) 0}.display-3{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 var(--space-5) 0}.text-lead{font-size:var(--text-xl);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.text-small{font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-muted)}.text-caption{font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.text-code{font-family:var(--font-secondary);font-size:.9em;font-weight:var(--weight-medium);background:rgba(255,255,255,.1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-accent);border:1px solid rgba(0,212,255,.2)}.text-mono{font-family:var(--font-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}.text-gradient{background:linear-gradient(135deg,var(--cyber-blue),var(--royal-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--weight-bold)}.text-gradient-accent{background:linear-gradient(135deg,var(--energy-orange),var(--premium-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-light{font-weight:var(--weight-light)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-extrabold{font-weight:var(--weight-extrabold)}.font-black{font-weight:var(--weight-black)}.italic{font-style:italic}.not-italic{font-style:normal}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-accent{color:var(--text-accent)!important}.text-success{color:var(--text-success)!important}.text-warning{color:var(--text-warning)!important}.text-error{color:var(--text-error)!important}.text-inverse{color:var(--text-inverse)!important}.link{color:var(--text-accent);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast);cursor:pointer}.link:hover,.link:focus{color:var(--cyber-blue);border-bottom-color:var(--cyber-blue)}.link-subtle{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.link-subtle:hover,.link-subtle:focus{color:var(--text-primary)}.link-button{color:var(--text-accent);text-decoration:none;font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.link-button:hover,.link-button:focus{background:rgba(0,212,255,.1);color:var(--cyber-blue)}.list-styled{padding-left:var(--space-6);margin:var(--space-4) 0}.list-styled li{margin:var(--space-2) 0;line-height:var(--leading-relaxed);color:var(--text-secondary)}.list-unstyled{list-style:none;padding:0;margin:0}.list-inline{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:var(--space-4)}.blockquote{font-size:var(--text-xl);font-style:italic;line-height:var(--leading-relaxed);color:var(--text-secondary);border-left:4px solid var(--cyber-blue);padding-left:var(--space-6);margin:var(--space-6) 0;position:relative}.blockquote:before{content:'"';font-size:var(--text-5xl);color:var(--cyber-blue);position:absolute;left:-var(--space-2);top:-var(--space-4);font-family:var(--font-display);opacity:.3}.blockquote-footer{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);font-style:normal}.blockquote-footer:before{content:"— "}@media (max-width: 768px){.h1,h1{font-size:var(--text-4xl)}.h2,h2{font-size:var(--text-3xl)}.h3,h3{font-size:var(--text-2xl)}.h4,h4{font-size:var(--text-xl)}.display-1{font-size:var(--text-5xl)}.display-2{font-size:var(--text-4xl)}.display-3{font-size:var(--text-3xl)}.text-lead{font-size:var(--text-lg)}}@media (max-width: 480px){.h1,h1{font-size:var(--text-3xl)}.h2,h2{font-size:var(--text-2xl)}.h3,h3{font-size:var(--text-xl)}.display-1{font-size:var(--text-4xl)}.display-2{font-size:var(--text-3xl)}.blockquote{font-size:var(--text-lg);padding-left:var(--space-4)}}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #b8c5d1;--text-muted: rgba(184, 197, 209, .7);--text-accent: #00e5ff}}@media (prefers-contrast: high){.text-gradient,.text-gradient-accent{-webkit-text-fill-color:unset;background:none;color:var(--text-primary)}.text-code{background:transparent;border-color:currentColor}}@media (prefers-reduced-motion: reduce){.link,.link-subtle,.link-button{transition:none}}@media print{.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{color:#000;page-break-after:avoid;break-after:avoid}.text-gradient,.text-gradient-accent{-webkit-text-fill-color:black;color:#000}.blockquote{border-left-color:#000}.link{color:#000;text-decoration:underline}}.sr-only-focusable:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:normal!important}.focus-visible{outline:2px solid #00e5ff;outline-offset:2px;border-radius:4px}.focus-visible-light{outline:2px solid #ffffff;outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-40px;left:6px;background:#000;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:10000;transition:top .3s}.skip-link:focus{top:6px}[tabindex="-1"]:focus{outline:none!important}.focus-trap{position:relative}.js-focus-visible .focus-visible:not(.focus-visible){outline:none}@media (prefers-contrast: high){*{border-color:currentColor!important}.btn,.card,.modal,.dropdown{border-width:2px!important}button,a,input,select,textarea{border:2px solid currentColor!important}.subtle-bg{background:transparent!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.parallax{transform:none!important}.loading-spinner{animation:none!important;border:2px solid currentColor!important;border-radius:2px!important}video{animation:none!important}}.status-success:before{content:"✓ ";color:inherit}.status-error:before{content:"✗ ";color:inherit}.status-warning:before{content:"⚠ ";color:inherit}.status-info:before{content:"ℹ ";color:inherit}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){body{font-size:max(16px,1rem)}}@media (prefers-reduced-data: reduce){*{background-image:none!important}.hero-bg,.decorative-image{display:none!important}}@media (pointer: coarse){button,a,input,select,textarea,[role=button],[role=link]{min-height:44px;min-width:44px}.btn+.btn{margin-left:8px}.nav-item+.nav-item{margin-left:8px}}.error-message{color:#dc2626;font-weight:600}.error-message:before{content:"Error: ";font-weight:700}.success-message{color:#16a34a;font-weight:600}.success-message:before{content:"Success: ";font-weight:700}.warning-message{color:#d97706;font-weight:600}.warning-message:before{content:"Warning: ";font-weight:700}@media (prefers-color-scheme: dark){.error-message{color:#f87171}.success-message{color:#4ade80}.warning-message{color:#fbbf24}}.required:after{content:" *";color:#dc2626;font-weight:700}.field-error{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}.field-error:focus{outline-color:#dc2626!important}.field-valid{border-color:#16a34a!important}.help-text{font-size:.875rem;color:#6b7280;margin-top:4px}@media (prefers-color-scheme: dark){.help-text{color:#9ca3af}}.modal-backdrop{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1050;max-height:90vh;overflow-y:auto}.heading-primary{font-size:2.5rem;font-weight:800;line-height:1.2}.heading-secondary{font-size:2rem;font-weight:700;line-height:1.3}.heading-tertiary{font-size:1.5rem;font-weight:600;line-height:1.4}.heading-quaternary{font-size:1.25rem;font-weight:600;line-height:1.4}@media (min-width: 768px){.heading-primary{font-size:3rem}.heading-secondary{font-size:2.25rem}}@media print{*{color:#000!important;background:#fff!important}a:after{content:" (" attr(href) ")";font-size:.8em}.decorative,.animation,.video{display:none!important}.page-break{page-break-before:always}}[dir=rtl]{text-align:right}[dir=rtl] .float-left{float:right}[dir=rtl] .float-right{float:left}[dir=rtl] .margin-left{margin-left:0;margin-right:var(--spacing)}[dir=rtl] .margin-right{margin-right:0;margin-left:var(--spacing)}.visually-hidden{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important}.force-focus:focus{outline:3px solid #00e5ff!important;outline-offset:2px!important}.announce{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.js-focus-visible :focus:not(.focus-visible){outline:none}@media screen and (-ms-high-contrast: active){.btn{border:2px solid}}:root{--mobile-space-xs: .25rem;--mobile-space-sm: .5rem;--mobile-space-md: 1rem;--mobile-space-lg: 1.5rem;--mobile-space-xl: 2rem;--mobile-space-2xl: 3rem;--touch-target-min: 44px;--touch-padding: 12px;--mobile-radius: 8px;--mobile-vh: 100vh;--mobile-vw: 100vw;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left);--safe-area-right: env(safe-area-inset-right)}*{touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{font-size:clamp(14px,4vw,16px);line-height:1.6;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);overflow-x:hidden;position:relative}button,.btn,a[role=button],[role=button],input[type=button],input[type=submit],.clickable{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--touch-padding) calc(var(--touch-padding) * 1.5);border-radius:var(--mobile-radius);-webkit-tap-highlight-color:rgba(0,212,255,.3);touch-action:manipulation;transition:all .2s ease;user-select:none;-webkit-user-select:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--cyber-blue);outline-offset:2px}input,select,textarea{font-size:max(16px,1rem);padding:var(--touch-padding) calc(var(--touch-padding) * 1.25);border-radius:var(--mobile-radius);width:100%;transition:all .2s ease;min-height:var(--touch-target-min);appearance:none;-webkit-appearance:none}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--touch-padding) center;background-size:16px;padding-right:calc(var(--touch-padding) * 3)}label{display:block;margin-bottom:var(--mobile-space-sm);font-weight:500;color:var(--text-primary);cursor:pointer}.container,.page-container{padding:var(--mobile-space-md);max-width:100%;margin:0 auto}.grid{display:grid;grid-gap:var(--mobile-space-md);gap:var(--mobile-space-md);grid-template-columns:1fr}.grid-responsive{display:grid;grid-gap:var(--mobile-space-md);gap:var(--mobile-space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.flex-stack{display:-ms-flexbox;display:flex;flex-direction:column;gap:var(--mobile-space-md)}.flex-row{display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:var(--mobile-space-md);align-items:center}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:var(--mobile-space-sm) var(--mobile-space-md);z-index:100;padding-bottom:calc(var(--mobile-space-sm) + var(--safe-area-bottom))}.mobile-nav-list{display:-ms-flexbox;display:flex;justify-content:space-around;align-items:center;list-style:none;margin:0;padding:0}.mobile-nav-item{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-secondary);transition:color .2s ease;padding:var(--mobile-space-sm);border-radius:var(--mobile-radius);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--cyber-blue);background:rgba(0,212,255,.1)}.mobile-nav-icon{font-size:20px;margin-bottom:var(--mobile-space-xs)}.mobile-nav-text{font-size:12px;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:-ms-flexbox;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:var(--mobile-space-md);padding-bottom:calc(var(--mobile-space-md) + var(--safe-area-bottom))}.modal{background:var(--bg-card);border-radius:var(--mobile-radius) var(--mobile-radius) 0 0;width:100%;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.modal:before{content:"";position:absolute;top:var(--mobile-space-sm);left:50%;transform:translate(-50%);width:40px;height:4px;background:rgba(255,255,255,.3);border-radius:2px}.modal-header{padding:var(--mobile-space-lg) var(--mobile-space-md) var(--mobile-space-md);border-bottom:1px solid rgba(255,255,255,.1);display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}.modal-content{padding:var(--mobile-space-md);max-height:calc(80vh - 120px);overflow-y:auto}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--mobile-space-md) 0;border-radius:var(--mobile-radius);border:1px solid rgba(255,255,255,.1)}.table-responsive{min-width:100%;white-space:nowrap}@media (max-width: 480px){.table-stack{display:block}.table-stack thead{display:none}.table-stack tr{display:block;margin-bottom:var(--mobile-space-md);background:var(--bg-card);border-radius:var(--mobile-radius);padding:var(--mobile-space-md)}.table-stack td{display:block;text-align:left!important;padding:var(--mobile-space-sm) 0;border:none}.table-stack td:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-secondary)}}.card{border-radius:var(--mobile-radius);padding:var(--mobile-space-lg);margin-bottom:var(--mobile-space-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.card-header{margin-bottom:var(--mobile-space-md);display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--mobile-space-sm)}.card-title{font-size:clamp(1.125rem,5vw,1.5rem);font-weight:600;color:var(--text-primary);margin:0}@media (max-width: 374px){:root{--mobile-space-md: .75rem;--mobile-space-lg: 1rem;--mobile-space-xl: 1.5rem}.container,.page-container{padding:var(--mobile-space-sm)}.btn,button{font-size:14px;padding:10px 14px}.modal{margin:var(--mobile-space-sm);max-height:calc(100vh - 1rem)}.card{padding:var(--mobile-space-md)}}@media (min-width: 375px) and (max-width: 767px){.grid-sm-2{grid-template-columns:repeat(2,1fr)}.flex-row{justify-content:space-between}.modal-overlay{align-items:center}.modal{border-radius:var(--mobile-radius);max-height:90vh}}@media (min-width: 768px){:root{--mobile-space-md: 1.5rem;--mobile-space-lg: 2rem;--mobile-space-xl: 2.5rem}.container,.page-container{padding:var(--mobile-space-lg);max-width:1200px}.grid{grid-template-columns:repeat(2,1fr)}.grid-md-3{grid-template-columns:repeat(3,1fr)}.flex-row{flex-wrap:nowrap}.mobile-nav{display:none}.modal-overlay{align-items:center;padding:var(--mobile-space-xl)}.modal{border-radius:var(--mobile-radius);max-width:600px;max-height:80vh}}@media (min-width: 992px){.container,.page-container{padding:var(--mobile-space-xl)}.grid{grid-template-columns:repeat(3,1fr)}.grid-lg-4{grid-template-columns:repeat(4,1fr)}.modal{max-width:800px}}@media (min-width: 1200px){.container,.page-container{max-width:1400px;padding:var(--mobile-space-2xl)}.grid-xl-5{grid-template-columns:repeat(5,1fr)}.modal{max-width:1000px}}@media (max-width: 767px) and (prefers-reduced-motion: no-preference){*{animation-duration:.5s!important;transition-duration:.2s!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card,.btn,.modal{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}}@media (prefers-color-scheme: dark){.mobile-nav{background:rgba(26,26,46,.95)}.modal{background:var(--bg-card)}}@media (pointer: coarse){button,.btn,a[role=button]{min-height:48px;min-width:48px;padding:14px 18px}input,select,textarea{min-height:48px;padding:14px 18px}}@media (prefers-contrast: high){.card,.modal,.btn{border-width:2px}.mobile-nav{border-top-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.mobile-nav,.modal-overlay,.btn,button{display:none!important}.container,.page-container{padding:0;max-width:none}.card{border:1px solid #000;margin-bottom:1rem;page-break-inside:avoid;break-inside:avoid}}@media (orientation: landscape) and (max-height: 500px){.modal{max-height:95vh}.mobile-nav{padding:var(--mobile-space-xs) var(--mobile-space-md)}.mobile-nav-icon{font-size:18px}.mobile-nav-text{display:none}}@media (max-width: 768px){.genealogy-tree-container{padding:10px!important;height:calc(100vh - 120px)!important}.genealogy-tree svg{max-width:100%!important;height:auto!important}.genealogy-tree .rd3t-node circle{r:35!important;stroke-width:3!important}.genealogy-tree .rd3t-node text{font-size:11px!important;font-weight:600!important}.smart-notification-manager .primary-zone{top:80px!important;right:10px!important;max-width:90vw!important}.smart-notification-manager .secondary-zone{bottom:100px!important;right:10px!important;max-width:85vw!important;max-height:250px!important}.smart-notification-manager .focus-toggle{top:70px!important;right:15px!important;padding:6px 10px!important;font-size:10px!important}.viral-referral-system{bottom:360px!important;right:10px!important;width:calc(100vw - 40px)!important;max-width:320px!important}.social-proof-display{top:100px!important;left:50%!important;transform:translate(-50%)!important;width:calc(100vw - 40px)!important;max-width:360px!important}.team-performance-visualizer{bottom:160px!important;left:10px!important;width:calc(100vw - 40px)!important;max-width:300px!important}.genealogy-focus-enhancer .focus-indicator{left:10px!important;padding:6px 10px!important;font-size:11px!important}.genealogy-focus-enhancer .quick-controls{top:120px!important;padding:4px 8px!important;font-size:10px!important}.mobile-touch-target{min-height:44px!important;min-width:44px!important;padding:8px!important}.mobile-button-group button{margin:4px!important;padding:10px 16px!important;font-size:14px!important}.mobile-scroll-container{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.mobile-navigation{z-index:20000!important}.genealogy-tree{z-index:15000!important}.genealogy-focused .focus-indicator{z-index:19000!important}.notification-primary{z-index:16000!important}.notification-secondary{z-index:12000!important}.viral-referral-system{z-index:8500!important}.social-proof-display{z-index:9000!important}.team-performance-visualizer{z-index:8000!important}@media (prefers-reduced-motion: reduce){.genealogy-tree *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-optimized{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform!important}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.mobile-backdrop-blur{background:rgba(0,0,0,.8)!important}}.mobile-text-small{font-size:11px!important;line-height:1.3!important}.mobile-text-medium{font-size:13px!important;line-height:1.4!important}.mobile-text-large{font-size:16px!important;line-height:1.4!important;font-weight:600!important}.mobile-padding-small{padding:8px!important}.mobile-padding-medium{padding:12px!important}.mobile-padding-large{padding:16px!important}.mobile-margin-small{margin:4px!important}.mobile-margin-medium{margin:8px!important}.mobile-swipe-area{min-height:60px!important;touch-action:pan-x!important}.mobile-touch-feedback{transition:background-color .1s ease!important}.mobile-touch-feedback:active{background-color:rgba(0,212,255,.2)!important}.mobile-focus-visible:focus-visible{outline:2px solid #00D4FF!important;outline-offset:2px!important}@media (prefers-contrast: high){.mobile-high-contrast{border:2px solid white!important;background:#000!important;color:#fff!important}}}@media (max-width: 768px) and (orientation: landscape){.genealogy-tree-container{height:calc(100vh - 80px)!important}.viral-referral-system{bottom:200px!important;width:300px!important}.team-performance-visualizer{bottom:100px!important;width:280px!important}}@media (max-width: 480px){.genealogy-tree .rd3t-node circle{r:30!important}.genealogy-tree .rd3t-node text{font-size:10px!important}.viral-referral-system{width:calc(100vw - 20px)!important;right:10px!important}.social-proof-display,.team-performance-visualizer{width:calc(100vw - 20px)!important}.notification-card{padding:6px 8px!important;font-size:10px!important}}@keyframes mobileSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes mobileSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.mobile-slide-in{animation:mobileSlideIn .3s ease-out!important}.mobile-slide-out{animation:mobileSlideOut .3s ease-in!important}.mobile-debug-border{border:1px dashed rgba(255,0,0,.5)!important}.mobile-debug-info:after{content:"📱 Mobile View";position:fixed;top:0;left:0;background:rgba(255,0,0,.8);color:#fff;padding:4px 8px;font-size:10px;z-index:99999}@media (min-width: 769px){.dashboard-container{flex-direction:row!important;height:auto!important}.dashboard-sidebar{position:static!important;width:250px!important;height:100vh!important;background:linear-gradient(135deg,#1a1a2e,#16213e)!important;border-right:1px solid rgba(255,255,255,.1)!important;border-top:none!important;z-index:100!important;padding:1.5rem!important;box-shadow:2px 0 10px rgba(0,0,0,.1)!important;overflow-y:auto!important;bottom:auto!important;left:auto!important;right:auto!important}.dashboard-main{margin-left:250px!important;margin-bottom:0!important;padding:2rem!important;width:calc(100% - 250px)!important;overflow-y:auto!important;height:100vh!important}.user-profile{display:block!important}.sidebar-menu{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:0!important;margin:1rem 0!important;overflow-x:visible!important}.menu-item{flex-direction:row!important;padding:.75rem 1rem!important;min-width:100%!important;font-size:.9rem!important;border:none!important;background:transparent!important;color:rgba(255,255,255,.8)!important;transition:all .2s ease!important;border-radius:8px!important;flex:none!important;max-width:none!important;margin-bottom:.5rem!important;text-align:left!important;justify-content:flex-start!important}.menu-item.active{color:#00d4ff!important;background:rgba(0,212,255,.1)!important}.menu-item:hover{background:rgba(255,255,255,.05)!important;transform:translate(4px)!important}.menu-icon{font-size:1.1rem!important;margin-bottom:0!important;margin-right:.75rem!important}.sidebar-footer,.network-health{display:block!important}.hero-section{padding:4rem 2rem!important;text-align:left!important;min-height:80vh!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.hero-title{font-size:3.5rem!important;margin-bottom:1.5rem!important}.hero-subtitle{font-size:1.4rem!important;margin-bottom:2rem!important}.hero-description{font-size:1.1rem!important;margin-bottom:2.5rem!important;line-height:1.7!important}.hero-actions{display:-ms-flexbox!important;display:flex!important;flex-direction:row!important;gap:1.5rem!important;max-width:none!important;margin:0!important}.btn-primary,.btn-secondary{width:auto!important;padding:1rem 2rem!important;font-size:1rem!important;min-height:auto!important;border-radius:8px!important;transition:all .3s ease!important}.stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;grid-gap:1.5rem!important;gap:1.5rem!important;margin-bottom:2rem!important}.stat-card{padding:1.5rem!important;text-align:left!important;background:rgba(255,255,255,.05)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important}.features-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;grid-gap:2rem!important;gap:2rem!important;padding:2rem!important}.feature-card{padding:2rem!important;text-align:center!important;background:rgba(255,255,255,.05)!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important;transition:transform .3s ease!important}.feature-card:hover{transform:translateY(-5px)!important}.feature-icon{font-size:3rem!important;margin-bottom:1rem!important}.form-group{margin-bottom:1.5rem!important}.form-control{width:100%!important;padding:.75rem 1rem!important;font-size:1rem!important;border-radius:8px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;transition:all .2s ease!important}.form-control:focus{border-color:#00d4ff!important;box-shadow:0 0 0 3px rgba(0,212,255,.1)!important;outline:none!important}.modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.8)!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1900!important;padding:2rem!important}.modal-content{background:var(--bg-dark, #1a1a2e)!important;border-radius:16px!important;padding:2rem!important;width:100%!important;max-width:600px!important;max-height:90vh!important;overflow-y:auto!important;border:1px solid rgba(255,255,255,.1)!important}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:1rem!important}table{min-width:100%!important;font-size:.9rem!important}th,td{padding:.75rem!important;white-space:nowrap!important}.header{padding:1rem 2rem!important;position:static!important;top:auto!important;z-index:100!important;background:rgba(26,26,46,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.header-content{display:-ms-flexbox!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.logo{font-size:1.8rem!important}.footer{padding:3rem 2rem!important;margin-bottom:0!important}.mobile-nav-container,.mobile-nav-bar,.mobile-nav-item{display:none!important}}@media (min-width: 1200px){.dashboard-sidebar{width:280px!important}.dashboard-main{margin-left:280px!important;width:calc(100% - 280px)!important}}@media (min-width: 1600px){.dashboard-container{max-width:1600px!important;margin:0 auto!important}}:root{--touch-target-min: 44px;--touch-target-comfortable: 48px;--touch-target-large: 56px;--mobile-padding-xs: .5rem;--mobile-padding-sm: 1rem;--mobile-padding-md: 1.5rem;--mobile-padding-lg: 2rem;--mobile-font-xs: .75rem;--mobile-font-sm: .875rem;--mobile-font-md: 1rem;--mobile-font-lg: 1.125rem;--mobile-font-xl: 1.25rem;--z-mobile-nav: 1000;--z-mobile-overlay: 1001;--z-mobile-modal: 1002;--z-mobile-toast: 1003}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;position:relative}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}button,.button,[role=button],input[type=button],input[type=submit],.clickable,.touch-element{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--mobile-padding-sm);border-radius:8px;transition:all .2s ease;-webkit-tap-highlight-color:rgba(0,212,255,.2)}button:active,.button:active,[role=button]:active{transform:scale(.98);background-color:rgba(0,212,255,.1)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-mobile-nav);display:-ms-flexbox;display:flex;justify-content:space-around;align-items:center;background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:var(--mobile-padding-sm);padding-bottom:calc(var(--mobile-padding-sm) + env(safe-area-inset-bottom));transition:all .3s ease}.mobile-nav-item{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);color:#94a3b8;text-decoration:none;transition:all .2s ease}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:#00d4ff}.mobile-nav-item .icon{font-size:1.5rem;line-height:1}.mobile-nav-item .label{font-size:var(--mobile-font-xs);font-weight:500;white-space:nowrap}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-mobile-nav);display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--mobile-padding-sm);padding-top:calc(var(--mobile-padding-sm) + env(safe-area-inset-top));min-height:calc(60px + env(safe-area-inset-top))}.mobile-header-title{font-size:var(--mobile-font-lg);font-weight:600;color:#fff;text-align:center;flex:1}.mobile-header-action{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:8px;color:#fff;transition:all .2s ease}.mobile-header-action:active{transform:scale(.95);background:rgba(255,255,255,.2)}.mobile-form{padding:var(--mobile-padding-md);max-width:100%}.mobile-form-group{margin-bottom:var(--mobile-padding-md)}.mobile-form-label{display:block;font-size:var(--mobile-font-md);font-weight:500;color:#fff;margin-bottom:var(--mobile-padding-xs)}.mobile-form-input{width:100%;min-height:var(--touch-target-comfortable);padding:var(--mobile-padding-sm);border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:var(--mobile-font-md);transition:all .2s ease}.mobile-form-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,.2)}.mobile-form-button{width:100%;min-height:var(--touch-target-large);background:linear-gradient(135deg,#00d4ff,#7b2cbf);border:none;border-radius:8px;color:#fff;font-size:var(--mobile-font-md);font-weight:600;transition:all .2s ease}.mobile-form-button:active{transform:scale(.98)}.mobile-form-button:disabled{opacity:.6;cursor:not-allowed}.mobile-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--mobile-padding-md);margin-bottom:var(--mobile-padding-md);transition:all .2s ease}.mobile-card:active{transform:scale(.99);background:rgba(255,255,255,.08)}.mobile-card-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mobile-padding-sm)}.mobile-card-title{font-size:var(--mobile-font-lg);font-weight:600;color:#fff}.mobile-card-content{font-size:var(--mobile-font-md);color:#94a3b8;line-height:1.5}.mobile-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-mobile-modal);display:-ms-flexbox;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--mobile-padding-md);padding-bottom:calc(var(--mobile-padding-md) + env(safe-area-inset-bottom));opacity:0;transition:all .3s ease}.mobile-modal.active{opacity:1}.mobile-modal-content{width:100%;max-width:500px;background:rgba(30,41,59,.98);border:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;padding:var(--mobile-padding-lg);transform:translateY(100%);transition:all .3s ease}.mobile-modal.active .mobile-modal-content{transform:translateY(0)}.mobile-modal-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mobile-padding-md)}.mobile-modal-title{font-size:var(--mobile-font-xl);font-weight:600;color:#fff}.mobile-modal-close{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:#fff;font-size:var(--mobile-font-lg);transition:all .2s ease}.mobile-modal-close:active{transform:scale(.95);background:rgba(255,255,255,.2)}.mobile-toast{position:fixed;top:calc(80px + env(safe-area-inset-top));left:var(--mobile-padding-md);right:var(--mobile-padding-md);z-index:var(--z-mobile-toast);background:rgba(30,41,59,.98);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--mobile-padding-md);color:#fff;font-size:var(--mobile-font-md);box-shadow:0 8px 32px rgba(0,0,0,.3);transform:translateY(-100%);transition:all .3s ease}.mobile-toast.active{transform:translateY(0)}.mobile-toast.success{border-left:4px solid #10b981}.mobile-toast.error{border-left:4px solid #ef4444}.mobile-toast.warning{border-left:4px solid #f59e0b}@media (min-width: 576px){.mobile-nav{display:none}.mobile-header{position:static;background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-modal{align-items:center}.mobile-modal-content{border-radius:16px;transform:scale(.95)}.mobile-modal.active .mobile-modal-content{transform:scale(1)}}@media (min-width: 768px){.mobile-card{display:inline-block;width:calc(50% - var(--mobile-padding-sm));margin-right:var(--mobile-padding-md)}.mobile-form{max-width:600px;margin:0 auto}}@media (min-width: 1024px){.mobile-card{width:calc(33.333% - var(--mobile-padding-md))}.mobile-form{max-width:500px}}.mobile-focusable:focus{outline:2px solid #00D4FF;outline-offset:2px}.mobile-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.mobile-card,.mobile-form-input{border:2px solid #ffffff}}.mobile-gpu-accelerated{will-change:transform;transform:translateZ(0)}.mobile-contain{contain:layout style paint}.mobile-modal,.mobile-toast,.mobile-nav{contain:layout style paint;will-change:transform,opacity}@media (prefers-color-scheme: dark){.mobile-card{background:rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}.mobile-form-input{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.3)}}@media (orientation: landscape) and (max-height: 500px){.mobile-modal-content{max-height:80vh;overflow-y:auto}.mobile-header{min-height:50px;padding:var(--mobile-padding-xs) var(--mobile-padding-sm)}.mobile-nav{padding:var(--mobile-padding-xs) var(--mobile-padding-sm)}}.mobile-safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-notch-support{padding:max(var(--mobile-padding-sm),env(safe-area-inset-top)) max(var(--mobile-padding-sm),env(safe-area-inset-right)) max(var(--mobile-padding-sm),env(safe-area-inset-bottom)) max(var(--mobile-padding-sm),env(safe-area-inset-left))}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}.mobile-flex{display:-ms-flexbox!important;display:flex!important}.mobile-grid{display:grid!important}.mobile-text-center{text-align:center!important}.mobile-text-left{text-align:left!important}.mobile-text-right{text-align:right!important}.mobile-w-full{width:100%!important}.mobile-h-full{height:100%!important}.mobile-overflow-hidden{overflow:hidden!important}.mobile-overflow-scroll{overflow:scroll!important;-webkit-overflow-scrolling:touch!important}.dashboard-main{padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:var(--z-mobile-overlay);background:rgba(30,41,59,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-100%);transition:all .3s ease}.mobile-sidebar.active{transform:translate(0)}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:calc(var(--z-mobile-overlay) - 1);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease}.mobile-sidebar-overlay.active{opacity:1;visibility:visible}.balance-cards-grid{grid-template-columns:1fr;gap:var(--mobile-padding-sm)}@media (min-width: 576px){.balance-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.balance-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}*{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;color:#fff}#root{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}.component-loading{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;min-height:50vh;color:#fff;text-align:center}.dashboard-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;padding:20px}.dashboard-section-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-section-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.3)}.dashboard-section-card.active{border-color:#00d4ff;background:rgba(0,212,255,.1)}.section-icon{font-size:24px;margin-bottom:8px}.section-title{font-size:14px;font-weight:600;color:#fff}.mobile-container{max-width:100vw;overflow-x:hidden;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;position:relative}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,15,35,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,.2);padding:12px 20px;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;height:60px}.mobile-header .logo{font-size:24px;font-weight:700;background:linear-gradient(45deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-header .status-indicator{display:-ms-flexbox;display:flex;align-items:center;gap:8px;font-size:12px;color:#00d4ff;background:rgba(0,212,255,.1);padding:4px 12px;border-radius:12px;border:1px solid rgba(0,212,255,.3)}.mobile-content{padding:80px 20px 100px;min-height:100vh}.homepage-hero{text-align:center;padding:40px 0;margin-bottom:40px}.homepage-hero h1{font-size:48px;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.1}.homepage-hero p{font-size:18px;color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:32px;max-width:300px;margin-left:auto;margin-right:auto}.homepage-cta-buttons{display:-ms-flexbox;display:flex;flex-direction:column;gap:16px;max-width:280px;margin:0 auto}.cta-button{padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#fff;min-height:56px}.cta-button.primary{background:linear-gradient(45deg,#00d4ff,#7b2cbf);box-shadow:0 4px 20px rgba(0,212,255,.4)}.cta-button.secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.6)}.security-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:40px}.security-feature{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.security-feature-icon{font-size:32px;margin-bottom:12px;display:block}.security-feature-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.security-feature-desc{font-size:12px;color:rgba(255,255,255,.7);line-height:1.4}.dashboard-mobile-container{display:-ms-flexbox;display:flex;flex-direction:column;gap:24px}.dashboard-header{text-align:center;padding:20px 0}.dashboard-title{font-size:32px;font-weight:700;background:linear-gradient(45deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.dashboard-subtitle{font-size:16px;color:rgba(255,255,255,.7)}.wallet-overview-card{background:rgba(255,255,255,.05);border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.wallet-overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(#00D4FF),color-stop(#7B2CBF),to(#FF6B35));background:linear-gradient(90deg,#00d4ff,#7b2cbf,#ff6b35)}.wallet-overview-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.wallet-overview-title{font-size:18px;font-weight:600;color:#fff;display:-ms-flexbox;display:flex;align-items:center;gap:8px}.wallet-overview-icon{font-size:20px;color:#00d4ff}.wallet-balance-display{text-align:center;padding:20px 0}.wallet-balance-label{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:8px}.wallet-balance-amount{font-size:36px;font-weight:700;color:#00d4ff;margin-bottom:4px}.wallet-balance-currency{font-size:16px;color:rgba(255,255,255,.8)}.wallet-balance-status{font-size:14px;color:rgba(255,255,255,.6);margin-top:8px}.wallet-action-button{width:100%;padding:16px;background:linear-gradient(45deg,#00d4ff,#7b2cbf);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.wallet-action-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.4)}.network-page-container{display:-ms-flexbox;display:flex;flex-direction:column;gap:24px}.network-tree-container{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:400px;position:relative}.network-tree-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.network-tree-title{font-size:18px;font-weight:600;color:#fff}.package-types-legend{background:rgba(0,0,0,.3);border-radius:12px;padding:16px;margin-bottom:20px}.package-types-title{font-size:16px;font-weight:600;color:#00d4ff;margin-bottom:12px}.package-type-item{display:-ms-flexbox;display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.package-type-dot{width:8px;height:8px;border-radius:50%}.package-type-dot.starter{background:#00d4ff}.package-type-dot.growth{background:#4caf50}.package-type-dot.professional{background:#9c27b0}.package-type-dot.elite{background:#ff9800}.package-type-dot.inactive{background:#666}.user-node{position:relative;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;margin:20px 0}.user-avatar{width:60px;height:60px;border-radius:50%;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;margin-bottom:8px;border:3px solid transparent;background:linear-gradient(45deg,#00d4ff,#7b2cbf);position:relative}.user-info{text-align:center}.user-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.user-package{font-size:12px;color:rgba(255,255,255,.7)}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:rgba(15,15,35,.98);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:1px solid rgba(0,212,255,.2);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;display:-ms-flexbox;display:flex;justify-content:space-evenly;align-items:stretch;box-shadow:0 -4px 20px rgba(0,0,0,.3);width:100%}.nav-item{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:rgba(255,255,255,.6);transition:all .3s ease;padding:8px 4px;min-width:20%;max-width:25%;flex:1;background:none;border:none;cursor:pointer;position:relative}.nav-item.active{color:#00d4ff;transform:translateY(-2px)}.nav-item:hover{color:#00d4ff}.nav-icon{font-size:22px;margin-bottom:4px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:100%}.nav-label{font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.3px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,15,35,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.3);border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:rgba(255,255,255,.8);font-size:14px;text-align:center}@media (max-width: 768px){.desktop-only{display:none!important}body{padding-bottom:80px}.hero-section,.community-hero{padding:20px;text-align:center;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 140px)}.hero-section h1,.community-hero h1{font-size:2rem;line-height:1.2;text-align:center;margin-bottom:16px}.hero-section p,.community-hero p{font-size:1rem;line-height:1.5;text-align:center;max-width:90%;margin:0 auto 24px}.cta-button,.btn-primary,.join-community-btn{width:90%;max-width:300px;margin:8px auto;display:block;text-align:center;padding:16px 24px;font-size:16px;font-weight:600}.dashboard-header{text-align:center;padding:20px}.dashboard-header h1{font-size:1.75rem;margin-bottom:8px}.dashboard-header p{font-size:.9rem;opacity:.8}.wallet-overview,.earnings-card,.stat-card{margin:16px;padding:20px;text-align:center}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:30px;height:3px;background:#00d4ff;border-radius:0 0 3px 3px}}.error-container{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);border-radius:12px;padding:16px;margin:16px 0;text-align:center}.error-icon{font-size:24px;color:#ff6b35;margin-bottom:8px}.error-message{font-size:14px;color:#fff;margin-bottom:12px}.error-retry-button{background:rgba(255,107,53,.2);border:1px solid rgba(255,107,53,.5);color:#ff6b35;padding:8px 16px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease}.error-retry-button:hover{background:rgba(255,107,53,.3)}@media (max-width: 360px){.mobile-content{padding-left:16px;padding-right:16px}.homepage-hero h1{font-size:40px}.security-features{grid-template-columns:1fr}.wallet-balance-amount{font-size:28px}}@media (min-width: 361px) and (max-width: 414px){.homepage-hero h1{font-size:44px}.security-features{grid-template-columns:1fr 1fr}}@media (min-width: 415px) and (max-width: 768px){.security-features{grid-template-columns:repeat(2,1fr)}.mobile-content{padding-left:24px;padding-right:24px}}@media (prefers-color-scheme: dark){.mobile-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#2a2a2a)}}.mobile-stats-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:24px;padding:0 20px}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.3)}.stat-card .stat-icon{font-size:24px;margin-bottom:8px;display:block}.stat-card .stat-value{font-size:24px;font-weight:700;color:#00d4ff;margin-bottom:4px}.stat-card .stat-label{font-size:12px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px}@media (pointer: coarse){.cta-button,.wallet-action-button,.nav-item{min-height:48px;min-width:48px}}@media (max-width: 768px){.hamburger-menu,.menu-toggle,.sidebar-toggle,.mobile-menu-toggle,.App .mobile-menu-toggle,.dashboard-page .mobile-menu-toggle,.mobile-optimized-app .mobile-menu-toggle{position:fixed!important;top:15px!important;left:15px!important;z-index:10001!important;background:rgba(0,0,0,.8)!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:8px!important;padding:10px!important;color:#00d4ff!important;font-size:18px!important;width:44px!important;height:44px!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.dashboard-content,.main-content,.dashboard-layout,.dashboard-container,.page-content,.App .dashboard-content,.App .main-content,.dashboard-page .dashboard-content,.dashboard-page .main-content,.mobile-optimized-app .dashboard-content,.mobile-optimized-app .main-content{padding:80px 20px 100px!important;min-height:calc(100vh - 180px)!important;margin-top:0!important;margin-left:0!important}.dashboard-page .main-content{padding-top:90px!important;padding-bottom:110px!important}.leadfive-logo,.app-logo{position:absolute!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;z-index:999!important}.dashboard-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:70px!important;background:rgba(17,24,39,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,212,255,.2)!important;z-index:1000!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 70px!important}.dashboard-cards,.dashboard-grid{margin-top:20px!important;margin-bottom:20px!important;gap:15px!important}.dashboard-card,.balance-card,.card{margin-bottom:15px!important;padding:15px!important;border-radius:12px!important;background:rgba(255,255,255,.1)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important}.bottom-nav,.mobile-nav,.tab-navigation,.mobile-navigation,.App .bottom-nav,.App .mobile-nav,.dashboard-page .bottom-nav,.dashboard-page .mobile-nav,.mobile-optimized-app .bottom-nav,.mobile-optimized-app .mobile-nav,.mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:80px!important;background:rgba(0,0,0,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,212,255,.3)!important;z-index:10000!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:space-around!important;padding:10px 20px!important}.nav-item,.tab-item,.mobile-nav-item,.mobile-navigation .mobile-nav-item{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:60px!important;min-height:60px!important;padding:8px!important;color:#b8c5d1!important;text-decoration:none!important;border-radius:12px!important;transition:all .3s ease!important}.nav-item.active,.tab-item.active{color:#00d4ff!important;background:rgba(0,212,255,.1)!important;border:1px solid rgba(0,212,255,.3)!important}.nav-item:hover,.tab-item:hover{color:#00d4ff!important;background:rgba(0,212,255,.05)!important}.nav-icon{font-size:20px!important;margin-bottom:4px!important}.nav-label{font-size:11px!important;font-weight:500!important;text-align:center!important}.install-banner{bottom:90px!important;left:20px!important;right:20px!important}.session-info,.status-card{margin:15px 0!important;padding:15px!important;background:rgba(255,255,255,.08)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important}.success-card,.wallet-card{margin:15px 0!important;padding:20px!important;background:rgba(255,255,255,.1)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.2)!important}.card-value,.amount{font-size:24px!important;font-weight:700!important;color:#00d4ff!important}.card-label{font-size:14px!important;color:#b8c5d1!important;margin-bottom:8px!important}.sidebar-open .sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;background:rgba(17,24,39,.98)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:1002!important;transform:translate(0)!important;border-right:1px solid rgba(0,212,255,.3)!important}.sidebar-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.5)!important;z-index:1001!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.dashboard-grid{display:grid!important;grid-template-columns:1fr!important;grid-gap:15px!important;gap:15px!important}.dashboard-scroll{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:20px!important}body{padding-top:0!important;padding-bottom:0!important;margin:0!important}.App{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;position:relative!important}.dashboard-layout{flex:1!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.main-content{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.mobile-menu-toggle{position:fixed!important;top:15px!important;left:15px!important;z-index:1001!important;background:rgba(0,0,0,.8)!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:8px!important;padding:10px!important;color:#00d4ff!important;font-size:18px!important;width:44px!important;height:44px!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;background:rgba(17,24,39,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,212,255,.2)!important}}@media (max-width: 480px){.dashboard-content{padding-left:15px!important;padding-right:15px!important}.dashboard-header{padding:0 60px!important}.hamburger-menu{top:12px!important;left:12px!important}.bottom-nav{padding:8px 15px!important}.nav-item{min-width:50px!important;min-height:50px!important}.nav-icon{font-size:18px!important}.nav-label{font-size:10px!important}}@media (max-width: 768px) and (orientation: landscape){.dashboard-header{height:60px!important}.dashboard-content{padding-top:70px!important;padding-bottom:90px!important}.bottom-nav{height:70px!important}.hamburger-menu{top:12px!important}}@supports (padding-top: env(safe-area-inset-top)){.dashboard-header{padding-top:env(safe-area-inset-top)!important;height:calc(70px + env(safe-area-inset-top))!important}.dashboard-content{padding-top:calc(80px + env(safe-area-inset-top))!important}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)!important;height:calc(80px + env(safe-area-inset-bottom))!important}.hamburger-menu{top:calc(15px + env(safe-area-inset-top))!important}}@media (max-width: 768px){html body .App .hamburger-menu,html body .App .mobile-menu-toggle,html body .App .menu-toggle,html body .App .sidebar-toggle,html body .dashboard-page .hamburger-menu,html body .dashboard-page .mobile-menu-toggle,html body .mobile-optimized-app .hamburger-menu,html body .mobile-optimized-app .mobile-menu-toggle{position:fixed!important;top:15px!important;left:15px!important;z-index:10001!important;background:rgba(0,0,0,.8)!important;border:1px solid rgba(0,212,255,.3)!important;border-radius:8px!important;padding:10px!important;color:#00d4ff!important;font-size:18px!important;width:44px!important;height:44px!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}html body .App .dashboard-content,html body .App .main-content,html body .dashboard-page .dashboard-content,html body .dashboard-page .main-content,html body .mobile-optimized-app .dashboard-content,html body .mobile-optimized-app .main-content{padding:80px 20px 100px!important;min-height:calc(100vh - 180px)!important;margin-top:0!important;margin-left:0!important}html body .App .bottom-nav,html body .App .mobile-nav,html body .App .mobile-navigation,html body .dashboard-page .bottom-nav,html body .dashboard-page .mobile-nav,html body .mobile-optimized-app .bottom-nav,html body .mobile-optimized-app .mobile-nav,html body .mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:80px!important;background:rgba(0,0,0,.95)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,212,255,.3)!important;z-index:10000!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:space-around!important;padding:10px 20px!important}html body .App{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;position:relative!important;overflow-x:hidden!important}html body .dashboard-page{display:-ms-flexbox!important;display:flex!important;min-height:100vh!important;flex-direction:column!important}html body .dashboard-main{flex:1!important;margin-left:0!important;margin-bottom:80px!important;padding:1rem!important;width:100%!important;overflow-y:auto!important;height:calc(100vh - 160px)!important}}@media (max-width: 768px){html{font-size:14px!important;-webkit-text-size-adjust:100%!important;-webkit-font-smoothing:antialiased!important}body{margin:0!important;padding:0!important;width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;position:relative!important}.App{width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.fullscreen-app{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important}.dashboard-page{width:100vw!important;min-height:100vh!important;padding:0!important;margin:0!important;overflow-x:hidden!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important}.dashboard-page.mobile-view{background:linear-gradient(135deg,#0a0a12,#1a1a2e,#16213e)!important}.dashboard-main{width:100%!important;margin:0!important;padding:0!important;flex:1!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important}.dashboard-main.full-width{width:100vw!important;margin-left:0!important}.dashboard-header{width:100%!important;padding:60px 15px 15px!important;margin:0!important;box-sizing:border-box!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:10px!important}.header-left{width:100%!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.header-content{width:100%!important;text-align:left!important}.dashboard-title{font-size:1.5rem!important;line-height:1.2!important;margin:0!important}.dashboard-title .subtitle{font-size:.9rem!important;opacity:.8!important}.welcome-text{font-size:.8rem!important;margin:5px 0 0!important;opacity:.7!important}.header-center,.header-right{width:100%!important;margin:5px 0!important}.control-buttons{display:-ms-flexbox!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}.control-buttons button{padding:6px 10px!important;font-size:.75rem!important;min-width:auto!important}.time-session{margin:10px 0!important}.time-display{font-size:.9rem!important}.session-info{font-size:.7rem!important;margin-top:2px!important}.status-cards{display:-ms-flexbox!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}.status-card{flex:1!important;min-width:80px!important;padding:6px 8px!important;font-size:.7rem!important}.user-address-bar{width:100%!important;padding:10px 15px!important;margin:0!important;box-sizing:border-box!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:8px!important}.address-badge{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important}.data-source-indicator{width:100%!important;text-align:left!important}.breadcrumb{padding:10px 15px!important;font-size:.8rem!important;margin:0!important}.root-initialization-banner{margin:10px 15px!important;padding:15px!important;border-radius:12px!important}.banner-content{flex-direction:column!important;gap:15px!important;align-items:flex-start!important}.banner-left{width:100%!important}.banner-right{width:100%!important;text-align:left!important}.banner-btn{width:100%!important;padding:12px!important;font-size:.9rem!important}.dashboard-content{width:100%!important;padding:0 15px 20px!important;margin:0!important;box-sizing:border-box!important;flex:1!important}.main-content-area{width:100%!important;margin:0!important;padding:0!important}.section-header{display:-ms-flexbox!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:15px!important;flex-wrap:wrap!important;gap:10px!important}.section-header h2{font-size:1.2rem!important;margin:0!important}.refresh-btn{padding:6px 10px!important;font-size:.8rem!important}.balance-cards-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:12px!important;gap:12px!important;margin-bottom:20px!important;width:100%!important}.balance-card{padding:12px!important;border-radius:12px!important;min-height:80px!important}.card-inner{display:-ms-flexbox!important;display:flex!important;align-items:center!important;gap:8px!important;height:100%!important}.card-icon{font-size:1.2rem!important;min-width:24px!important}.card-content{flex:1!important;min-width:0!important}.card-label{font-size:.6rem!important;margin-bottom:2px!important;display:block!important}.card-amount{font-size:.9rem!important;font-weight:700!important;margin-bottom:2px!important;word-break:break-all!important}.card-subtitle{font-size:.6rem!important;opacity:.7!important}.main-actions{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:25px!important;width:100%!important}.main-action-btn{width:100%!important;padding:15px!important;font-size:.9rem!important;border-radius:12px!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.action-icon{font-size:1.1rem!important}.earnings-overview-section{margin-bottom:25px!important}.earnings-summary-cards{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:15px!important}.earnings-summary-card{width:100%!important;padding:15px!important;border-radius:12px!important;cursor:pointer!important}.quick-earnings-actions{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:10px!important}.earnings-action-btn{width:100%!important;padding:12px!important;font-size:.85rem!important;border-radius:10px!important}.quick-actions-section{margin-bottom:25px!important}.quick-actions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:12px!important;gap:12px!important;margin-top:15px!important}.quick-action-card{padding:15px 12px!important;border-radius:12px!important;text-align:center!important;cursor:pointer!important;transition:transform .2s ease!important}.quick-action-card:active{transform:scale(.98)!important}.quick-action-card .action-icon{font-size:1.5rem!important;margin-bottom:8px!important;display:block!important}.quick-action-card h4{font-size:.8rem!important;margin:0 0 4px!important}.quick-action-card p{font-size:.7rem!important;margin:0!important;opacity:.8!important}.status-section{margin-bottom:20px!important}.status-indicators{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:8px!important}.status-item{display:-ms-flexbox!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:.8rem!important}.status-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important}.genealogy-tree-main-container{width:100vw!important;height:calc(100vh - 80px)!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important}.mobile-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7)!important;z-index:998!important;display:none!important}.mobile-overlay.active{display:block!important}.sidebar{transform:translate(-100%)!important;transition:transform .3s ease!important;z-index:999!important;position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important}.sidebar.open{transform:translate(0)!important}.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-center{text-align:center!important;margin:0 auto!important}.mobile-padding{padding:15px!important}.mobile-margin{margin:15px!important}*{box-sizing:border-box!important}body,html,.App,.fullscreen-app,.dashboard-page,.dashboard-main{max-width:100vw!important;overflow-x:hidden!important}}@media (max-width: 400px){.balance-cards-grid,.quick-actions-grid{grid-template-columns:1fr!important;gap:10px!important}.card-amount{font-size:.8rem!important}.dashboard-title{font-size:1.3rem!important}.control-buttons{flex-direction:column!important;align-items:stretch!important}.status-cards{flex-direction:column!important}}@media screen and (max-width: 768px){*{box-sizing:border-box!important}html{width:100%!important;height:100%!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;overflow-x:hidden!important}body{width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow-x:hidden!important;position:relative!important;-webkit-overflow-scrolling:touch!important}#root{width:100%!important;min-height:100vh!important;overflow-x:hidden!important;position:relative!important}input,textarea,select{font-size:16px!important;-webkit-appearance:none!important;border-radius:0!important}.App,.fullscreen-app{width:100%!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;position:relative!important}.dashboard-page{width:100%!important;max-width:100vw!important;min-height:100vh!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;padding:0!important;margin:0!important}.dashboard-page.mobile-view{position:relative!important}.dashboard-main{width:100%!important;max-width:100vw!important;flex:1!important;margin:0!important;padding:0!important;overflow-x:hidden!important;position:relative!important}.dashboard-main.full-width{width:100%!important;margin-left:0!important}.menu-button,.hamburger-button,button[aria-label*=menu i]{position:fixed!important;top:15px!important;left:15px!important;width:44px!important;height:44px!important;z-index:9999!important;background:rgba(26,26,46,.95)!important;border:2px solid #00D4FF!important;border-radius:8px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.hamburger-icon{color:#00d4ff!important;font-size:18px!important;font-weight:700!important}.dashboard-header{width:100%!important;padding:70px 15px 15px!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.dashboard-content,.main-content-area{width:100%!important;max-width:100vw!important;padding:0 15px!important;margin:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.balance-cards-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:12px!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important}.balance-card{width:100%!important;min-width:0!important;box-sizing:border-box!important}.dashboard-title{font-size:1.5rem!important;line-height:1.2!important}.card-amount{font-size:.9rem!important;word-break:break-all!important}.main-action-btn,.earnings-action-btn{width:100%!important;padding:12px!important;font-size:.9rem!important;box-sizing:border-box!important}.sidebar{position:fixed!important;top:0!important;left:0!important;width:280px!important;height:100vh!important;z-index:998!important;transform:translate(-100%)!important;transition:transform .3s ease!important}.sidebar.open{transform:translate(0)!important}.mobile-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.7)!important;z-index:997!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;display:none!important}.mobile-overlay.active{display:block!important}.genealogy-tree-main-container{width:100vw!important;height:calc(100vh - 100px)!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important}body,html,#root,.App,.fullscreen-app,.dashboard-page,.dashboard-main,.dashboard-content{max-width:100vw!important;overflow-x:hidden!important}button,.clickable{-webkit-tap-highlight-color:rgba(0,212,255,.3)!important;touch-action:manipulation!important}input,textarea,select{max-width:100%!important;box-sizing:border-box!important}img{max-width:100%!important;height:auto!important}}@media screen and (max-width: 768px) and (orientation: landscape){.dashboard-header{padding:60px 15px 10px!important}.genealogy-tree-main-container{height:calc(100vh - 80px)!important}}@media screen and (max-width: 400px){.balance-cards-grid{grid-template-columns:1fr!important;gap:10px!important}.dashboard-title{font-size:1.3rem!important}.card-amount{font-size:.8rem!important}.menu-button{width:40px!important;height:40px!important;top:12px!important;left:12px!important}}@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.hamburger-icon{font-size:16px!important}.menu-button{border-width:1px!important}}@media (max-width: 768px){.mobile-tree-center-fallback,.mobile-tree-center-fallback.mobile-tree-definitive-override,.mobile-tree-emergency-wrapper .mobile-tree-center-fallback,.genealogy-tree-main-container .mobile-tree-center-fallback,div.mobile-tree-center-fallback,[class*=mobile-tree-center-fallback],#root .mobile-tree-center-fallback,body .mobile-tree-center-fallback{position:fixed!important;transform:none!important;margin:0!important;padding:0!important;z-index:10000!important;width:auto!important;height:auto!important;border:4px solid yellow!important;background:rgba(255,255,0,.2)!important;inset:204px auto auto 243px!important}.react-d3-tree-container .mobile-tree-center-fallback,[class*=rd3t] .mobile-tree-center-fallback,.mobile-tree-center-fallback[style]{position:fixed!important;left:243px!important;top:204px!important;transform:none!important}.mobile-tree-emergency-wrapper,.genealogy-tree-main-container,.react-d3-tree-container{transform:none!important;position:relative!important}.mobile-tree-center-fallback svg,.mobile-tree-center-fallback .react-d3-tree-container{position:relative!important;transform:none!important;left:0!important;top:0!important;margin:0!important;padding:0!important}}@media (max-width: 486px) and (max-height: 816px){.mobile-tree-center-fallback{left:243px!important;top:204px!important}}@media (max-width: 375px){.mobile-tree-center-fallback{left:187.5px!important;top:180px!important}}@media (max-width: 414px) and (max-height: 896px){.mobile-tree-center-fallback{left:207px!important;top:200px!important}}@media (max-width: 768px){.mobile-tree-center-fallback{border:none!important;background:transparent!important;box-shadow:none!important}.mobile-tree-center-fallback:before,.mobile-tree-center-fallback:after{display:none!important}}@media (max-width: 768px){.mobile-tree-center-fallback *{will-change:auto!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.react-d3-tree-container svg{shape-rendering:optimizeSpeed!important}}.mobile-menu-toggle{position:fixed;top:20px;left:20px;z-index:var(--z-mobile-nav-toggle);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;cursor:pointer;color:#fff;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:44px;min-width:44px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}@media (max-width: 768px){.mobile-menu-toggle{display:-ms-flexbox;display:flex}.cta-button,.super-wallet-connect .connect-btn,.unified-wallet-button{z-index:var(--z-wallet-button)!important;position:relative!important}}.mobile-menu-toggle{display:-ms-flexbox!important;display:flex!important}.mobile-nav,.mobile-nav-overlay{display:block}.mobile-menu-toggle.non-home{top:20px;left:20px}@media (max-width: 480px){.mobile-menu-toggle{top:15px;left:15px;padding:10px;font-size:16px}.mobile-nav{width:90%;max-width:280px}}@media (min-width: 769px) and (max-width: 1024px){.mobile-menu-toggle{display:none}}.mobile-nav{position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);transition:left .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-mobile-nav);overflow-y:auto;box-shadow:10px 0 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);visibility:hidden;opacity:0;pointer-events:none}.mobile-nav.active{left:0;visibility:visible;opacity:1;pointer-events:auto}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:var(--z-mobile-nav-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);visibility:visible;opacity:1;pointer-events:auto;cursor:pointer}.mobile-nav-header{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.mobile-nav-header h2{color:#fff;font-size:24px;margin:0;background:linear-gradient(135deg,#00d4ff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s ease;min-height:44px;min-width:44px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:rgba(255,255,255,.1)}.mobile-nav-content{padding:20px 0;display:-ms-flexbox;display:flex;flex-direction:column;height:calc(100vh - 80px)}.mobile-user-info{display:-ms-flexbox;display:flex;align-items:center;padding:20px;background:rgba(255,255,255,.05);border-radius:12px;margin:0 20px 20px}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#00d4ff,#ff6b35);border-radius:50%;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:15px}.user-details{flex:1}.user-address{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.user-status{color:#00d4ff;font-size:12px;font-weight:500}.mobile-nav-items{list-style:none;padding:0;margin:0;flex:1}.mobile-nav-link{display:-ms-flexbox;display:flex;align-items:center;width:100%;padding:18px 20px;color:rgba(255,255,255,.8);text-decoration:none;transition:all .3s ease;border:none;background:none;cursor:pointer;font-size:16px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-nav-link:hover{background:rgba(255,255,255,.05);color:#fff}.mobile-nav-link.active{background:rgba(0,212,255,.1);color:#00d4ff;border-left:3px solid #00d4ff}.mobile-nav-link:active{background:rgba(255,255,255,.1);transform:scale(.98)}.nav-icon{font-size:20px;margin-right:15px;width:24px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.nav-label{font-weight:500;flex:1;text-align:left}.auth-required{font-size:12px;opacity:.6}.mobile-nav-actions{padding:20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.nav-action-btn{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:100%;padding:15px;margin-bottom:10px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;cursor:pointer;gap:8px}.nav-action-btn:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-1px)}.nav-action-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);border:none;color:#fff}.nav-action-btn.disconnect{background:rgba(255,107,53,.1);border-color:rgba(255,107,53,.3);color:#ff6b35}.nav-action-btn.disconnect:hover{background:rgba(255,107,53,.2)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(26,26,46,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:8px 0;z-index:var(--z-mobile-nav);box-shadow:0 -5px 20px rgba(0,0,0,.3)}@media (max-width: 768px){.mobile-bottom-nav{display:-ms-flexbox;display:flex;justify-content:space-around;align-items:center}}.bottom-nav-item{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:8px 4px;border-radius:8px;transition:all .2s ease;min-width:60px;position:relative;font-size:10px}.bottom-nav-item:disabled{opacity:.4;cursor:not-allowed}.bottom-nav-item.active{color:#00d4ff;background:rgba(0,212,255,.1)}.bottom-nav-item:not(:disabled):active{transform:scale(.95);background:rgba(255,255,255,.1)}.bottom-nav-icon{font-size:18px;margin-bottom:4px}.bottom-nav-label{font-weight:500;line-height:1}.auth-indicator{position:absolute;top:2px;right:8px;font-size:8px;opacity:.6}@media (max-width: 480px){.mobile-nav{width:90%}.mobile-nav-header h2{font-size:20px}.mobile-nav-link{padding:16px 15px;font-size:15px}.nav-icon{font-size:18px}.bottom-nav-item{font-size:9px;padding:6px 2px;min-width:50px}.bottom-nav-icon{font-size:16px}}@media (prefers-contrast: high){.mobile-nav{background:#000;border:2px solid #fff}.mobile-nav-link{border-color:rgba(255,255,255,.3)}.mobile-nav-link.active{background:#00d4ff;color:#000}}@media (prefers-reduced-motion: reduce){.mobile-nav,.mobile-nav_link,.nav-action-btn,.bottom-nav-item{transition:none}.mobile-menu-toggle:hover{transform:none}}@media (max-width: 768px){.mobile-menu-toggle{display:-ms-flexbox!important;display:flex!important}.mobile-bottom-nav{display:-ms-flexbox!important;display:flex!important;justify-content:space-around;align-items:center}.cta-button,.unified-wallet-button,.super-wallet-connect-button{z-index:var(--z-wallet-button)!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;position:relative!important}}@media print{.mobile-menu-toggle,.mobile-nav,.mobile-bottom-nav,.mobile-nav-overlay{display:none!important}}.protected-route-loading{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.loading-spinner{text-align:center;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%}.loading-spinner p{color:#666;font-size:1rem;margin:0}@media (prefers-color-scheme: dark){.spinner{border:4px solid #333;border-top:4px solid #007bff}.loading-spinner p{color:#ccc}}.protected-route-error{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem;background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.error-content{background:rgba(255,255,255,.95);padding:3rem;border-radius:16px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:500px;width:100%}.error-content h3{color:#d63031;font-size:1.8rem;margin-bottom:1rem;font-weight:700}.error-content p{color:#2d3436;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.error-content button{background:linear-gradient(45deg,#d63031,#e17055);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.error-content button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(214,48,49,.3)}@media (max-width: 768px){.protected-route-loading{min-height:50vh;padding:1rem}.spinner{width:40px;height:40px}.loading-spinner p{font-size:.9rem}.protected-route-error{padding:1rem;min-height:50vh}.error-content{padding:2rem}.error-content h3{font-size:1.5rem}.error-content p{font-size:1rem}}.loading-skeleton{background:rgba(26,26,46,.8);border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.1)}.skeleton-content{width:100%;height:100%;display:-ms-flexbox;display:flex;flex-direction:column;gap:16px}.skeleton-header{width:100%;height:40px;background:-webkit-gradient(linear,left top,right top,from(rgba(0,212,255,.1)),color-stop(50%,rgba(0,212,255,.2)),to(rgba(0,212,255,.1)));background:linear-gradient(90deg,rgba(0,212,255,.1),rgba(0,212,255,.2),rgba(0,212,255,.1));border-radius:8px;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-body{flex:1;display:-ms-flexbox;display:flex;flex-direction:column;gap:12px}.skeleton-line{width:100%;height:16px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.05)),color-stop(50%,rgba(255,255,255,.1)),to(rgba(255,255,255,.05)));background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-line.short{width:60%}@keyframes skeleton-loading{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@media (prefers-color-scheme: dark){.skeleton-header{background:-webkit-gradient(linear,left top,right top,from(rgba(0,212,255,.15)),color-stop(50%,rgba(0,212,255,.3)),to(rgba(0,212,255,.15)));background:linear-gradient(90deg,rgba(0,212,255,.15),rgba(0,212,255,.3),rgba(0,212,255,.15))}.skeleton-line{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(255,255,255,.2)),to(rgba(255,255,255,.1)));background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.2),rgba(255,255,255,.1))}}@media (max-width: 768px){.loading-skeleton{padding:16px;border-radius:8px}.skeleton-header{height:32px}.skeleton-line{height:12px}}:root{--primary-gradient: linear-gradient(135deg, #00D4FF 0%, #7B2CBF 100%);--secondary-gradient: linear-gradient(135deg, #7B2CBF 0%, #FF6B35 100%);--success-gradient: linear-gradient(135deg, #28A745 0%, #20C997 100%);--warning-gradient: linear-gradient(135deg, #FFC107 0%, #FD7E14 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .37);--glass-blur: blur(10px);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem}.btn-enhanced{display:-ms-inline-flexbox;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:48px;transform:translateY(0)}.btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(31,38,135,.4)}.btn-enhanced:active{transform:translateY(0);transition:transform var(--transition-fast)}.btn-enhanced.primary{background:var(--primary-gradient);color:#fff}.btn-enhanced.secondary{background:var(--glass-bg);color:#00d4ff;border:2px solid #00D4FF;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.glass-card-enhanced{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);padding:var(--space-xl);transition:all var(--transition-slow);position:relative}.glass-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(31,38,135,.5)}.register-actions{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-top:var(--space-2xl)}.btn-register{background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-width:200px;min-height:56px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.btn-register:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 45px rgba(0,212,255,.4)}.btn-register:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-manual-gas{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);color:#b8b8b8;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-manual-gas:hover{color:#fff;border-color:#00d4ff;background:rgba(0,212,255,.1)}.retry-info{display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-sm);background:var(--warning-gradient);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.retry-icon{animation:spin 1s linear infinite}.advanced-options{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;margin-top:var(--space-lg)}.btn-manual-register{background:var(--secondary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-md)}.btn-manual-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(123,44,191,.3)}.manual-gas-note{color:#b8b8b8;font-size:var(--text-sm);margin:0;line-height:1.4}.register-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:var(--space-xl)}.register-hero{text-align:center;margin-bottom:var(--space-3xl)}.register-hero h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg)}.referral-display{display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);margin-top:var(--space-lg)}.referral-code{font-family:JetBrains Mono,monospace;font-weight:600;color:#00d4ff}.root-badge,.owner-badge{background:var(--success-gradient);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin:var(--space-2xl) auto;max-width:1400px;padding:0 var(--space-lg);justify-items:center}.package-selection{text-align:center;max-width:1600px;margin:0 auto;padding:var(--space-2xl)}.package-selection h2{font-size:clamp(1.875rem,3vw,2.5rem);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2xl);text-align:center}.package-card{background:var(--glass-bg);border:2px solid transparent;border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-slow);position:relative;overflow:hidden}.package-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(31,38,135,.6)}.package-card.selected{border-color:#00d4ff;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,44,191,.1))}.package-card.selected:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--primary-gradient);border-radius:var(--radius-2xl);z-index:-1}.package-card[data-level="4"]{position:relative;border:2px solid #FFD700;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(184,134,11,.1));transform:scale(1.05);box-shadow:0 0 30px rgba(255,215,0,.3)}.package-card[data-level="4"]:before{content:"👑 ELITE LEADER";position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#b8860b);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px rgba(255,215,0,.4)}.package-card[data-level="4"]:hover{transform:scale(1.08);box-shadow:0 0 40px rgba(255,215,0,.5)}.package-card[data-level="4"] .package-header h3{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.package-card[data-level="4"] .package-price{background:linear-gradient(135deg,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.package-header h3{font-size:var(--text-2xl);font-weight:700;color:#fff;margin-bottom:var(--space-sm)}.package-price{font-size:var(--text-3xl);font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:var(--space-lg) 0}.feature-item{display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:#b8b8b8}.feature-check{color:#28a745;font-weight:700}.genealogy-header{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-2xl);margin-bottom:var(--space-2xl);display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xl)}.page-title{font-size:clamp(1.875rem,3vw,2.5rem);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.page-subtitle{color:#b8b8b8;font-size:var(--text-lg);line-height:1.6}.view-mode-selector{display:-ms-flexbox;display:flex;gap:var(--space-sm);background:rgba(0,0,0,.3);border-radius:var(--radius-xl);padding:var(--space-sm);flex-wrap:wrap}.mode-btn{padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-lg);background:transparent;color:#b8b8b8;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;min-height:44px}.mode-btn:hover{background:var(--glass-bg);color:#fff}.mode-btn.active{background:var(--primary-gradient);color:#fff;transform:translateY(-1px)}.analytics-overview{margin-bottom:var(--space-2xl)}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl)}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-2xl);text-align:center;transition:all var(--transition-slow);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(31,38,135,.5)}.stat-card.highlight{border-color:#00d4ff;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,44,191,.1))}.stat-icon{font-size:var(--text-4xl);margin-bottom:var(--space-lg);display:block}.stat-card h3{font-size:var(--text-lg);font-weight:600;color:#b8b8b8;margin-bottom:var(--space-md)}.stat-value{font-size:var(--text-3xl);font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:var(--space-sm)}.stat-change{font-size:var(--text-sm);color:#28a745;font-weight:500}.security-hero-icon{font-size:4rem;margin-bottom:var(--space-lg);display:block;text-align:center}.security-metrics{display:-ms-flexbox;display:flex;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-2xl);flex-wrap:wrap}.metric-item{text-align:center}.metric-value{display:block;font-size:var(--text-2xl);font-weight:800;background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.metric-label{font-size:var(--text-sm);color:#b8b8b8;font-weight:500}.security-feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-2xl);cursor:pointer;transition:all var(--transition-slow);position:relative}.security-feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(31,38,135,.5)}.security-feature-card.selected{border-color:#00d4ff;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,44,191,.1))}.root-referral-code{background:var(--success-gradient)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-weight:700!important;font-size:var(--text-lg)!important}@media (max-width: 768px){:root{--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem}.packages-grid{grid-template-columns:1fr;gap:var(--space-lg)}.genealogy-header{flex-direction:column;text-align:center}.view-mode-selector{justify-content:center;width:100%}.mode-btn{flex:1;min-width:0;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.overview-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.security-metrics{gap:var(--space-lg)}.stat-card,.security-feature-card{padding:var(--space-lg)}}@media (max-width: 480px){.overview-cards{grid-template-columns:1fr}.packages-grid{gap:var(--space-md)}.package-card{padding:var(--space-lg)}.view-mode-selector{flex-direction:column}.mode-btn{text-align:center}}.btn-enhanced:focus,.mode-btn:focus,.package-card:focus{outline:2px solid #00D4FF;outline-offset:2px}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .4)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.loading-shimmer{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.1)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:468px 100%;animation:shimmer 1.5s infinite}.qr-code-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-2xl);text-align:center;max-width:300px;margin:0 auto}.copy-button{display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);min-height:44px}.copy-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.3)}.success-message{background:linear-gradient(135deg,rgba(40,167,69,.1),rgba(32,201,151,.1));border:1px solid rgba(40,167,69,.3);color:#28a745;padding:var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-lg) 0;display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-md)}.error-message{background:linear-gradient(135deg,rgba(220,53,69,.1),rgba(255,107,53,.1));border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-lg) 0;display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-md)}@media print{.glass-card-enhanced,.stat-card,.package-card,.security-feature-card{background:#1a1a2e!important;border:1px solid #333!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:#fff!important}.btn-enhanced{background:#007bff!important;color:#fff!important}}:root{--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in: cubic-bezier(.4, 0, 1, 1)}.page-container{animation:fadeInUp var(--transition-normal) var(--easing-default)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-card,.income-stream-mini-card,.nav-card,.data-card{transition:all var(--transition-normal) var(--easing-default);transform:translateZ(0)}.dashboard-card:hover,.income-stream-mini-card:hover,.nav-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.2),0 8px 16px rgba(59,130,246,.1)}.data-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}button,.btn,.button{position:relative;overflow:hidden;transition:all var(--transition-fast) var(--easing-default);transform:translateZ(0)}button:hover,.btn:hover,.button:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.15)}button:active,.btn:active,.button:active{transform:translateY(0);transition:all .1s var(--easing-ease-in)}button:before,.btn:before,.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:before,.btn:active:before,.button:active:before{width:300px;height:300px}@keyframes pulse{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.skeleton{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(255,255,255,.2)),to(rgba(255,255,255,.1)));background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.2),rgba(255,255,255,.1));background-size:200% 100%;animation:shimmer 1.5s infinite}.chart-container,.earnings-chart,.income-chart{animation:slideInUp var(--transition-slow) var(--easing-ease-out)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.counter-value{animation:countUp var(--transition-slow) var(--easing-ease-out)}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.notification,.alert,.toast{animation:popIn var(--transition-normal) var(--easing-bounce)}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{animation:fadeIn var(--transition-normal) var(--easing-default)}.modal-content{animation:modalSlideIn var(--transition-normal) var(--easing-bounce)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sidebar-nav a,.nav-link{position:relative;transition:all var(--transition-fast) var(--easing-default)}.sidebar-nav a:after,.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(#3b82f6),to(#22c55e));background:linear-gradient(90deg,#3b82f6,#22c55e);transition:width var(--transition-normal) var(--easing-ease-out)}.sidebar-nav a:hover:after,.nav-link:hover:after{width:100%}.sidebar-nav a.active:after{width:100%;background:#3b82f6}.nav-icon,.icon{transition:all var(--transition-fast) var(--easing-default)}.nav-icon:hover,.icon:hover{transform:scale(1.1) rotate(5deg)}.income-stream-mini-card{transform-origin:center bottom}.income-stream-mini-card:hover{transform:translateY(-6px) rotateX(5deg);transition:all var(--transition-normal) var(--easing-bounce)}.stream-value{transition:all var(--transition-normal) var(--easing-default)}.income-stream-mini-card:hover .stream-value{transform:scale(1.05);color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.3)}.activity-item{animation:slideInRight calc(var(--transition-normal) + .1s * var(--index, 0)) var(--easing-ease-out)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.progress-bar{overflow:hidden;background:rgba(255,255,255,.1);border-radius:10px}.progress-fill{height:100%;background:-webkit-gradient(linear,left top,right top,from(#3b82f6),to(#22c55e));background:linear-gradient(90deg,#3b82f6,#22c55e);border-radius:10px;transition:width 1s var(--easing-ease-out);position:relative;overflow:hidden}.progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,.3)),to(transparent));background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{left:-100%}to{left:100%}}input,textarea,select{transition:all var(--transition-fast) var(--easing-default)}input:focus,textarea:focus,select:focus{transform:scale(1.02);box-shadow:0 0 0 3px rgba(59,130,246,.1),0 4px 12px rgba(0,0,0,.1)}.kpi-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:all var(--transition-normal) var(--easing-default)}.kpi-card:hover .kpi-value{transform:scale(1.05);color:#22c55e}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(45deg,#3b82f6,#22c55e);box-shadow:0 8px 25px rgba(59,130,246,.3);transition:all var(--transition-normal) var(--easing-bounce);z-index:1000}.fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px rgba(59,130,246,.4)}.fab:active{transform:scale(.95)}.stagger-item{animation:staggerIn var(--transition-normal) var(--easing-ease-out);animation-delay:calc(.1s * var(--stagger-index, 0));animation-fill-mode:both}@keyframes staggerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal) var(--easing-default)}.glass-card:hover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.tooltip{opacity:0;transform:translateY(5px);transition:all var(--transition-fast) var(--easing-default);pointer-events:none}.tooltip.show{opacity:1;transform:translateY(0)}.success-state{animation:successPulse .6s var(--easing-bounce)}.error-state{animation:errorShake .5s var(--easing-default)}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.dashboard-card:hover,.income-stream-mini-card:hover,.nav-card:hover{transform:translateY(-2px) scale(1.01)}.income-stream-mini-card:hover{transform:translateY(-3px)}*{transition-duration:var(--transition-fast)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 480px) and (-webkit-max-device-pixel-ratio: 1){.dashboard-card:hover,.income-stream-mini-card:hover,.nav-card:hover,button:hover,.btn:hover{transform:none}}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;transition:outline-offset var(--transition-fast) var(--easing-default)}button:focus-visible,.btn:focus-visible{outline-offset:4px;box-shadow:0 0 0 4px rgba(59,130,246,.2)}html{transition:background-color var(--transition-slow) var(--easing-default),color var(--transition-slow) var(--easing-default)}@media print{*,*:before,*:after{animation:none!important;transition:none!important}}:root{--hc-cyber-blue: #00e5ff;--hc-royal-purple: #8e44ad;--hc-energy-orange: #ff7f00;--hc-deep-space: #000000;--hc-midnight-blue: #0a0a1a;--hc-silver-mist: #ffffff;--hc-success-green: #00ff66;--hc-alert-red: #ff3366;--hc-premium-gold: #ffcc00;--hc-pure-white: #ffffff;--hc-true-black: #000000;--contrast-ratio-text: 7;--contrast-ratio-large-text: 4.5;--contrast-ratio-ui: 3;--theme-primary: var(--cyber-blue);--theme-secondary: var(--royal-purple);--theme-accent: var(--energy-orange);--theme-success: var(--success-green);--theme-warning: var(--premium-gold);--theme-error: var(--alert-red);--theme-info: var(--cyber-blue);--bg-layer-0: var(--deep-space);--bg-layer-1: rgba(22, 33, 62, .6);--bg-layer-2: rgba(26, 26, 46, .8);--bg-layer-3: rgba(255, 255, 255, .05);--bg-layer-4: rgba(255, 255, 255, .1);--text-contrast-max: #ffffff;--text-contrast-high: rgba(255, 255, 255, .95);--text-contrast-medium: rgba(255, 255, 255, .8);--text-contrast-low: rgba(255, 255, 255, .6);--text-contrast-minimal: rgba(255, 255, 255, .4);--border-contrast-subtle: rgba(255, 255, 255, .1);--border-contrast-medium: rgba(255, 255, 255, .2);--border-contrast-strong: rgba(255, 255, 255, .4);--shadow-contrast-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-contrast-medium: 0 4px 16px rgba(0, 0, 0, .2);--shadow-contrast-strong: 0 8px 32px rgba(0, 0, 0, .3);--shadow-contrast-glow: 0 0 20px rgba(0, 212, 255, .3);--temp-cool: #e6f3ff;--temp-neutral: #f5f5f5;--temp-warm: #fff4e6}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-surface: #f1f5f9;--bg-card: #ffffff;--bg-modal: rgba(255, 255, 255, .95);--bg-glass: rgba(255, 255, 255, .8);--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--text-accent: #2563eb;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .1);--cyber-blue: #1e40af;--royal-purple: #7c3aed;--energy-orange: #ea580c;--success-green: #059669;--alert-red: #dc2626;--premium-gold: #d97706}[data-theme=dark]{--bg-primary: var(--deep-space);--bg-secondary: var(--midnight-blue);--bg-surface: rgba(22, 33, 62, .8);--bg-card: rgba(26, 26, 46, .95);--bg-modal: rgba(0, 0, 0, .9);--bg-glass: rgba(255, 255, 255, .05);--text-primary: var(--pure-white);--text-secondary: var(--silver-mist);--text-muted: rgba(184, 197, 209, .7);--text-accent: var(--cyber-blue);--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3)}[data-theme=high-contrast]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-surface: #2a2a2a;--bg-card: #000000;--bg-modal: #000000;--bg-glass: #1a1a1a;--text-primary: #ffffff;--text-secondary: #ffffff;--text-muted: #cccccc;--text-accent: #00ffff;--cyber-blue: var(--hc-cyber-blue);--royal-purple: var(--hc-royal-purple);--energy-orange: var(--hc-energy-orange);--success-green: var(--hc-success-green);--alert-red: var(--hc-alert-red);--premium-gold: var(--hc-premium-gold);--border-color: #ffffff;--shadow-color: rgba(255, 255, 255, .3);--border-contrast-subtle: #666666;--border-contrast-medium: #999999;--border-contrast-strong: #ffffff}[data-theme=cool]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-surface: #334155;--bg-card: rgba(30, 41, 59, .9);--cyber-blue: #38bdf8;--royal-purple: #8b5cf6;--energy-orange: #fb923c;--text-accent: #38bdf8;--theme-primary: #38bdf8}[data-theme=warm]{--bg-primary: #1c1917;--bg-secondary: #292524;--bg-surface: #44403c;--bg-card: rgba(41, 37, 36, .9);--cyber-blue: #60a5fa;--royal-purple: #a855f7;--energy-orange: #f97316;--text-accent: #f97316;--theme-primary: #f97316}.contrast-max{color:var(--text-contrast-max)!important;background:var(--bg-primary)!important}.contrast-high{color:var(--text-contrast-high)!important}.contrast-medium{color:var(--text-contrast-medium)!important}.contrast-low{color:var(--text-contrast-low)!important}.contrast-minimal{color:var(--text-contrast-minimal)!important}.bg-contrast-subtle{background:var(--bg-layer-1)!important}.bg-contrast-medium{background:var(--bg-layer-2)!important}.bg-contrast-strong{background:var(--bg-layer-3)!important}.border-contrast-subtle{border-color:var(--border-contrast-subtle)!important}.border-contrast-medium{border-color:var(--border-contrast-medium)!important}.border-contrast-strong{border-color:var(--border-contrast-strong)!important}.adaptive-text{color:var(--text-primary);transition:color .3s ease}.adaptive-bg{background:var(--bg-card);transition:background .3s ease}.adaptive-border{border-color:var(--border-color);transition:border-color .3s ease}.adaptive-hover:hover{background:var(--bg-layer-3);color:var(--text-primary);border-color:var(--theme-primary)}.adaptive-focus:focus{outline:2px solid var(--theme-primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--theme-primary-rgb),.2)}.gradient-primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))}.gradient-accent{background:linear-gradient(135deg,var(--theme-accent),var(--theme-primary))}.gradient-success{background:linear-gradient(135deg,var(--theme-success),var(--theme-primary))}.gradient-overlay{position:relative}.gradient-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));opacity:.1;border-radius:inherit;pointer-events:none}.semantic-success{color:var(--theme-success);border-color:var(--theme-success)}.semantic-warning{color:var(--theme-warning);border-color:var(--theme-warning)}.semantic-error{color:var(--theme-error);border-color:var(--theme-error)}.semantic-info{color:var(--theme-info);border-color:var(--theme-info)}.bg-semantic-success{background:rgba(var(--theme-success-rgb),.1);border:1px solid rgba(var(--theme-success-rgb),.3)}.bg-semantic-warning{background:rgba(var(--theme-warning-rgb),.1);border:1px solid rgba(var(--theme-warning-rgb),.3)}.bg-semantic-error{background:rgba(var(--theme-error-rgb),.1);border:1px solid rgba(var(--theme-error-rgb),.3)}.bg-semantic-info{background:rgba(var(--theme-info-rgb),.1);border:1px solid rgba(var(--theme-info-rgb),.3)}@media (max-width: 768px){:root{--text-contrast-medium: rgba(255, 255, 255, .85);--border-contrast-subtle: rgba(255, 255, 255, .15)}}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #1a202c;--text-secondary: #4a5568;--border-color: #e2e8f0}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: var(--deep-space);--bg-secondary: var(--midnight-blue);--text-primary: var(--pure-white);--text-secondary: var(--silver-mist);--border-color: rgba(255, 255, 255, .1)}}@media (prefers-contrast: high){:root{--text-primary: var(--hc-pure-white);--text-secondary: var(--hc-silver-mist);--bg-primary: var(--hc-true-black);--bg-secondary: var(--hc-deep-space);--border-color: var(--hc-pure-white);--theme-primary: var(--hc-cyber-blue)}.btn,.card,.modal{border-width:2px!important}}@media (prefers-reduced-transparency: reduce){:root{--bg-glass: var(--bg-card);--bg-modal: var(--bg-card)}.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.theme-toggle{display:-ms-flexbox;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-layer-3);border-color:var(--theme-primary)}.theme-option{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.theme-option.active{background:var(--theme-primary);color:var(--pure-white)}.theme-option:hover:not(.active){background:var(--bg-layer-3)}@media print{:root{--bg-primary: white !important;--bg-secondary: white !important;--bg-card: white !important;--text-primary: black !important;--text-secondary: #333333 !important;--border-color: #000000 !important}.gradient-primary,.gradient-accent,.gradient-success{background:#fff!important;color:#000!important}}.text-theme-primary{color:var(--theme-primary)!important}.text-theme-secondary{color:var(--theme-secondary)!important}.text-theme-accent{color:var(--theme-accent)!important}.text-theme-success{color:var(--theme-success)!important}.text-theme-warning{color:var(--theme-warning)!important}.text-theme-error{color:var(--theme-error)!important}.text-theme-info{color:var(--theme-info)!important}.bg-theme-primary{background:var(--theme-primary)!important}.bg-theme-secondary{background:var(--theme-secondary)!important}.bg-theme-accent{background:var(--theme-accent)!important}.bg-theme-success{background:var(--theme-success)!important}.bg-theme-warning{background:var(--theme-warning)!important}.bg-theme-error{background:var(--theme-error)!important}.bg-theme-info{background:var(--theme-info)!important}.border-theme-primary{border-color:var(--theme-primary)!important}.border-theme-secondary{border-color:var(--theme-secondary)!important}.border-theme-accent{border-color:var(--theme-accent)!important}.border-theme-success{border-color:var(--theme-success)!important}.border-theme-warning{border-color:var(--theme-warning)!important}.border-theme-error{border-color:var(--theme-error)!important}.border-theme-info{border-color:var(--theme-info)!important}:root{--z-base: 0;--z-background: 1;--z-content: 10;--z-sidebar: 100;--z-sidebar-collapsed: 90;--z-header: 100;--z-main-content: 50;--z-mobile-bottom-nav: 1000;--z-mobile-nav-overlay: 1100;--z-mobile-nav-menu: 1200;--z-mobile-hamburger: 1300;--z-desktop-nav: 100;--z-dropdown: 2000;--z-tooltip: 2100;--z-popover: 2200;--z-context-menu: 2300;--z-modal-backdrop: 3000;--z-modal-content: 3100;--z-modal-header: 3200;--z-toast: 4000;--z-notification: 4100;--z-alert: 4200;--z-loading-overlay: 5000;--z-loading-spinner: 5100;--z-debug-tools: 9000;--z-development-overlay: 9100;--z-error-boundary: 9200;--z-emergency-override: 9999;--z-sidebar-toggle: 1250;--z-sidebar-overlay: 1150;--z-sidebar-content: 1200;--z-header-container: 100;--z-header-dropdown: 2000;--z-header-user-menu: 2050;--z-dashboard-container: 10;--z-dashboard-cards: 20;--z-dashboard-actions: 30;--z-unified-mobile-hamburger: 10000;--z-unified-mobile-overlay: 9999;--z-unified-mobile-nav: 9998;--z-unified-bottom-nav: 1000;--z-floating-chatbot: 1500;--z-floating-buttons: 1400;--z-floating-widgets: 1300;--z-wallet-button: 2000;--z-wallet-modal: 3020;--z-onboarding-modal: 3030;--z-system-modal: 4100;--z-debug: 9999;--z-elevated: 10;--z-sticky: 20;--z-fixed: 500;--z-dropdown-menu: 2300;--z-modal: 3010}.app-background,.page-background,.cinematic-container,.particle-system,.hero-content{z-index:var(--z-background)}.main-content,.page-content{z-index:var(--z-content)}.sidebar{z-index:var(--z-sidebar)}.sidebar.collapsed{z-index:var(--z-sidebar-collapsed)}.sidebar-toggle{z-index:var(--z-sidebar-toggle)}.sidebar-overlay{z-index:var(--z-sidebar-overlay)}.dashboard-header,.optimized-dashboard-header,.app-header,.header{z-index:var(--z-header)}.header-dropdown,.user-dropdown{z-index:var(--z-header-dropdown)}.unified-mobile-hamburger{z-index:var(--z-unified-mobile-hamburger)!important}.unified-mobile-overlay{z-index:var(--z-unified-mobile-overlay)!important}.unified-mobile-nav{z-index:var(--z-unified-mobile-nav)!important}.unified-bottom-nav{z-index:var(--z-unified-bottom-nav)!important}.mobile-nav{z-index:calc(var(--z-mobile-nav-menu) - 100)}.mobile-nav-overlay{z-index:calc(var(--z-mobile-nav-overlay) - 100)}.mobile-menu-toggle{z-index:calc(var(--z-mobile-hamburger) - 100)}.mobile-bottom-nav{z-index:calc(var(--z-mobile-bottom-nav) - 100)}.enhanced-mobile-navigation{z-index:var(--z-mobile-bottom-nav)}.dashboard-container{z-index:var(--z-dashboard-container)}.balance-card,.earnings-card,.stats-card{z-index:var(--z-dashboard-cards)}.quick-actions,.action-buttons{z-index:var(--z-dashboard-actions)}.modal-overlay,.modal-backdrop{z-index:var(--z-modal-backdrop)}.modal-content,.modal-container,.modal,.dialog{z-index:var(--z-modal-content)}.modal-header{z-index:var(--z-modal-header)}.dropdown-menu,.select-dropdown,.context-menu{z-index:var(--z-dropdown)}.tooltip,.tooltip-container{z-index:var(--z-tooltip)}.toast-container,.toast,.notification{z-index:var(--z-toast)}.notification-container{z-index:var(--z-notification)}.alert-banner{z-index:var(--z-alert)}.loading-overlay{z-index:var(--z-loading-overlay)}.loading-spinner{z-index:var(--z-loading-spinner)}.floating-chatbot{z-index:var(--z-floating-chatbot)}.floating-action-button,.fab{z-index:var(--z-floating-buttons)}.floating-widget{z-index:var(--z-floating-widgets)}.unified-wallet-button,.super-wallet-connect-button,.connect-btn,.wallet-section{z-index:var(--z-wallet-button)}.wallet-connect-modal{z-index:calc(var(--z-modal-content) + 100)}.wallet-dropdown{z-index:calc(var(--z-dropdown) + 100)}.wallet-modal-overlay{z-index:var(--z-modal-backdrop)}.wallet-modal{z-index:var(--z-wallet-modal)}.onboarding-wizard{z-index:var(--z-onboarding-modal)}.debug-panel,.dev-tools{z-index:var(--z-debug-tools)}.error-boundary-overlay{z-index:var(--z-error-boundary)}.emergency-modal,.system-maintenance{z-index:var(--z-emergency-override)}.app-root{position:relative;z-index:0;isolation:isolate}@media (max-width: 768px){.sidebar{z-index:calc(var(--z-sidebar) + 100)}.sidebar-overlay{z-index:calc(var(--z-sidebar-overlay) + 100)}.unified-mobile-hamburger{z-index:var(--z-unified-mobile-hamburger)!important}.desktop-only{z-index:calc(var(--z-base) + 1)}.unified-wallet-button,.super-wallet-connect-button{z-index:var(--z-wallet-button)}}@media (min-width: 769px){.mobile-only{z-index:var(--z-base)}.desktop-nav{z-index:var(--z-desktop-nav)}.mobile-menu-toggle{z-index:var(--z-mobile-nav-toggle)}}.debug-z-index{position:relative}.debug-z-index:after{content:"z: " attr(data-z-index);position:absolute;top:0;right:0;background:rgba(255,0,0,.8);color:#fff;padding:2px 4px;font-size:10px;z-index:var(--z-debug)}.prevent-z-conflict{position:relative;z-index:0;isolation:isolate}*:focus-visible{position:relative;z-index:calc(var(--z-current, 0) + 1)}@media print{*{z-index:auto!important}}@media (max-width: 768px){html body .App .mobile-hamburger-menu .mobile-hamburger-button,html body .dashboard-page .mobile-hamburger-menu .mobile-hamburger-button,html body .mobile-optimized-app .mobile-hamburger-menu .mobile-hamburger-button,.mobile-hamburger-menu .mobile-hamburger-button,button.mobile-hamburger-button{position:fixed!important;z-index:10002!important;width:48px!important;height:48px!important;background:rgba(0,0,0,.9)!important;border:1px solid #00D4FF!important;border-radius:8px!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 4px 20px rgba(0,212,255,.3)!important;transform:translateZ(1px)!important;margin:0!important;padding:0!important;inset:auto!important;bottom:auto!important;right:auto!important;will-change:transform!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;perspective:none!important}.mobile-hamburger-button .hamburger-line,.hamburger-line{width:24px!important;height:2px!important;background:#00d4ff!important;margin:2px 0!important;transition:all .3s ease!important;border-radius:1px!important}.mobile-menu-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.6)!important;z-index:10000!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.mobile-menu-drawer{position:fixed!important;top:0!important;left:0!important;width:300px!important;height:100vh!important;z-index:10001!important}}@media (max-width: 768px){.mobile-emergency-nav .mobile-hamburger-button{position:fixed!important;top:15px!important;left:15px!important;bottom:auto!important}}@media (max-width: 768px){html body .App .mobile-hamburger-menu .mobile-hamburger-button,html body .dashboard-page .mobile-hamburger-menu .mobile-hamburger-button,html body .mobile-optimized-app .mobile-hamburger-menu .mobile-hamburger-button,html body .mobile-emergency-nav .mobile-hamburger-button,html body .bottom-nav .mobile-hamburger-button,html body .mobile-bottom-nav .mobile-hamburger-button,.mobile-hamburger-menu .mobile-hamburger-button,.mobile-hamburger-button,button.mobile-hamburger-button,[class*=hamburger] button,[class*=mobile-hamburger]{position:fixed!important;z-index:99999!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;background:rgba(0,0,0,.9)!important;border:1px solid #00D4FF!important;border-radius:8px!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 4px 20px rgba(0,212,255,.3)!important;transform:translateZ(1px)!important;margin:0!important;padding:0!important;inset:auto!important;cursor:pointer!important;pointer-events:auto!important;will-change:transform!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;perspective:none!important;transition:all .3s ease!important}.mobile-emergency-nav .mobile-hamburger-button,.bottom-nav .mobile-hamburger-button,.mobile-bottom-nav .mobile-hamburger-button{position:fixed!important;top:15px!important;left:15px!important;bottom:auto!important;z-index:99999!important}.mobile-hamburger-button .hamburger-line,.hamburger-line,.mobile-hamburger-button span{width:24px!important;height:2px!important;background:#00d4ff!important;margin:2px 0!important;transition:all .3s ease!important;border-radius:1px!important;display:block!important}.mobile-menu-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.6)!important;z-index:99998!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.mobile-menu-drawer{position:fixed!important;top:0!important;left:0!important;width:300px!important;height:100vh!important;z-index:99998!important}}@media (max-width: 768px){[id*=hamburger],[class*=hamburger],[data-testid*=hamburger],button[aria-label*=menu i],button[aria-label*=hamburger i]{position:fixed!important;top:15px!important;left:15px!important;z-index:99999!important}}.network-page-enhanced{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;padding:80px 0 100px}.network-content-enhanced{padding:0 20px;max-width:100%;margin:0 auto}.network-header-enhanced{text-align:center;margin-bottom:24px;padding:20px 0}.network-title-enhanced{font-size:28px;font-weight:700;background:linear-gradient(45deg,#00d4ff,#7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.network-subtitle-enhanced{font-size:16px;color:rgba(255,255,255,.7);line-height:1.4}.package-legend-enhanced{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.package-legend-title-enhanced{font-size:18px;font-weight:600;color:#00d4ff;margin-bottom:16px;text-align:center}.package-legend-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.package-legend-item{display:-ms-flexbox;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:14px;color:rgba(255,255,255,.9)}.package-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px rgba(255,255,255,.3)}.package-legend-dot.starter{background:linear-gradient(45deg,#00d4ff,#09c)}.package-legend-dot.growth{background:linear-gradient(45deg,#4caf50,#388e3c)}.package-legend-dot.professional{background:linear-gradient(45deg,#9c27b0,#7b1fa2)}.package-legend-dot.elite{background:linear-gradient(45deg,#ff9800,#f57c00)}.package-legend-dot.inactive{background:linear-gradient(45deg,#666,#444)}.package-legend-text{font-weight:500}.package-legend-price{font-size:12px;color:rgba(255,255,255,.6);margin-left:auto}.network-tree-enhanced{background:rgba(255,255,255,.05);border:1px solid rgba(0,212,255,.3);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;min-height:500px}.network-tree-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(#00D4FF),color-stop(#7B2CBF),to(#FF6B35));background:linear-gradient(90deg,#00d4ff,#7b2cbf,#ff6b35)}.network-tree-header-enhanced{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.network-tree-title-enhanced{font-size:18px;font-weight:600;color:#fff;display:-ms-flexbox;display:flex;align-items:center;gap:8px}.network-tree-controls{display:-ms-flexbox;display:flex;gap:8px}.network-control-btn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:16px;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.network-control-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.user-node-enhanced{position:relative;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;margin:24px 0;padding:16px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.user-node-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.3)}.user-node-enhanced.bronze{border-color:rgba(255,152,0,.5)}.user-node-enhanced.silver{border-color:rgba(192,192,192,.5)}.user-node-enhanced.gold{border-color:rgba(255,215,0,.5)}.user-avatar-enhanced{width:60px;height:60px;border-radius:50%;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;margin-bottom:12px;border:3px solid transparent;background:linear-gradient(45deg,#00d4ff,#7b2cbf);position:relative;overflow:hidden}.user-avatar-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);border-radius:50%}.user-info-enhanced{text-align:center;width:100%}.user-name-enhanced{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.user-package-enhanced{font-size:12px;color:rgba(255,255,255,.7);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.user-level-enhanced{font-size:14px;color:#00d4ff;margin-bottom:4px}.user-stats-enhanced{display:-ms-flexbox;display:flex;justify-content:center;gap:16px;margin-top:8px}.user-stat-item{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;font-size:12px}.user-stat-value{font-weight:600;color:#fff;font-size:14px}.user-stat-label{color:rgba(255,255,255,.6);margin-top:2px}.connection-line-enhanced{position:absolute;background:linear-gradient(45deg,#00d4ff,#7b2cbf);opacity:.6;transition:opacity .3s ease}.connection-line-enhanced.vertical{width:2px;height:40px;left:50%;transform:translate(-50%);top:-20px}.connection-line-enhanced.horizontal{height:2px;width:60px;top:50%;transform:translateY(-50%)}.connection-line-enhanced:hover{opacity:1}.network-empty-state{text-align:center;padding:60px 20px;color:rgba(255,255,255,.7)}.network-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.network-empty-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.network-empty-description{font-size:14px;line-height:1.6;margin-bottom:24px}.network-empty-action{background:linear-gradient(45deg,#00d4ff,#7b2cbf);border:none;border-radius:12px;color:#fff;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease}.network-empty-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,255,.4)}.network-loading{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:400px}.network-loading-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.3);border-top:3px solid #00D4FF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.network-loading-text{color:rgba(255,255,255,.8);font-size:14px;text-align:center}@media (max-width: 360px){.network-content-enhanced{padding:0 16px}.package-legend-grid{grid-template-columns:1fr}.user-avatar-enhanced{width:50px;height:50px;font-size:16px}.user-stats-enhanced{gap:12px}}@media (min-width: 361px) and (max-width: 414px){.package-legend-grid{grid-template-columns:1fr 1fr}}@media (min-width: 415px) and (max-width: 768px){.network-content-enhanced{padding:0 24px}.package-legend-grid{grid-template-columns:repeat(3,1fr)}.user-stats-enhanced{gap:20px}}@media (prefers-reduced-motion: reduce){.user-node-enhanced,.connection-line-enhanced,.network-empty-action{transition:none}.network-loading-spinner{animation:none}}body.trustwallet-browser{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,212,255,.2)}.trustwallet-browser button,.trustwallet-browser .btn,.trustwallet-browser .wallet-option,.trustwallet-browser .connect-wallet-btn,.trustwallet-browser .homepage-cta-button,.trustwallet-browser [role=button],.trustwallet-browser .clickable{min-height:48px!important;min-width:48px!important;touch-action:manipulation!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:auto!important;cursor:pointer!important;transform:translateZ(0)!important;-ms-touch-action:manipulation!important;transition:all .15s ease!important}.trustwallet-browser .wallet-option,.trustwallet-browser .connect-wallet-btn{min-height:56px!important;min-width:200px!important;padding:16px 24px!important;position:relative!important}.trustwallet-browser .wallet-option:before,.trustwallet-browser .connect-wallet-btn:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;z-index:-1}.trustwallet-browser button:active,.trustwallet-browser .btn:active,.trustwallet-browser .wallet-option:active,.trustwallet-browser .connect-wallet-btn:active{transform:translateZ(0) scale(.98)!important;opacity:.8!important;background-color:rgba(0,212,255,.1)!important}.trustwallet-browser .modal,.trustwallet-browser .popup,.trustwallet-browser .dropdown{transform:translateZ(0)!important;z-index:9999!important;-webkit-overflow-scrolling:touch!important}.trustwallet-browser input,.trustwallet-browser select,.trustwallet-browser textarea{font-size:16px!important;touch-action:manipulation!important;-webkit-appearance:none!important;appearance:none!important}.trustwallet-browser .connection-status{position:fixed!important;top:10px!important;right:10px!important;z-index:10000!important;min-height:40px!important;min-width:40px!important;transform:translateZ(0)!important}.trustwallet-browser .error-message,.trustwallet-browser .toast,.trustwallet-browser .notification{min-height:48px!important;touch-action:manipulation!important;position:relative!important;z-index:9998!important}.trustwallet-browser .loading,.trustwallet-browser .spinner{transform:translateZ(0)!important;animation-duration:1s!important;animation-timing-function:ease-in-out!important}.trustwallet-browser .nav,.trustwallet-browser .menu,.trustwallet-browser .header{position:relative!important;z-index:999!important;-webkit-user-select:none!important;user-select:none!important}.trustwallet-browser .nav-item,.trustwallet-browser .menu-item{min-height:48px!important;touch-action:manipulation!important;padding:12px 16px!important}.trustwallet-browser{width:100%!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.trustwallet-browser .balance-card,.trustwallet-browser .card,.trustwallet-browser .panel{transform:translateZ(0)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.trustwallet-browser .btn-group,.trustwallet-browser .button-group{display:-ms-flexbox!important;display:flex!important;gap:8px!important}.trustwallet-browser .btn-group>*,.trustwallet-browser .button-group>*{flex:1!important;min-height:48px!important}@media (prefers-color-scheme: dark){.trustwallet-browser{color-scheme:dark!important}.trustwallet-browser button:active,.trustwallet-browser .btn:active{background-color:rgba(255,255,255,.1)!important}}@media screen and (orientation: landscape){.trustwallet-browser .modal,.trustwallet-browser .popup{max-height:80vh!important;overflow-y:auto!important}}@media screen and (max-width: 480px){.trustwallet-browser button,.trustwallet-browser .btn{min-height:52px!important;font-size:16px!important}.trustwallet-browser .wallet-option{width:100%!important;margin-bottom:12px!important}}.trustwallet-browser.debug-mode{border:2px solid #ff6b35!important}.trustwallet-browser.debug-mode:before{content:"TRUST WALLET DEBUG MODE";position:fixed;top:0;left:0;right:0;background:#ff6b35;color:#fff;text-align:center;padding:4px;font-size:12px;z-index:999999}.trustwallet-browser .connection-retry{background:linear-gradient(135deg,#00d4ff,#7b2cbf)!important;color:#fff!important;border:none!important;border-radius:8px!important;min-height:56px!important;font-weight:600!important;touch-action:manipulation!important}.trustwallet-browser .connection-retry:active{transform:translateZ(0) scale(.96)!important;opacity:.9!important}.trustwallet-browser *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeSpeed!important}.trustwallet-browser img,.trustwallet-browser video{will-change:auto!important;max-width:100%!important;height:auto!important}.trustwallet-browser .connection-success{background:rgba(46,204,113,.1)!important;border:2px solid #2ecc71!important;color:#2ecc71!important;padding:16px!important;border-radius:8px!important;min-height:48px!important}.trustwallet-browser .connection-error{background:rgba(231,76,60,.1)!important;border:2px solid #e74c3c!important;color:#e74c3c!important;padding:16px!important;border-radius:8px!important;min-height:48px!important;touch-action:manipulation!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinner,.loading-spinner,.loading-spinner-large,.unified-spinner,.pulse,.shimmer{animation:none!important}}.spinner,.loading-spinner,.loading-spinner-large,.unified-spinner{animation-duration:1s;animation-iteration-count:30;animation-fill-mode:forwards}.pulse,.sync-dot,.status-indicator{animation-duration:3s;animation-iteration-count:10}.shimmer:before,.skeleton-loader:before{animation-duration:2s;animation-iteration-count:5}.background-animation,.gradient-overlay,.floating-background{animation-iteration-count:1!important;animation-fill-mode:forwards!important}.dashboard-page .loading-spinner,.dashboard-main .spinner{animation-play-state:paused}.dashboard-page.loading .loading-spinner,.dashboard-main.loading .spinner{animation-play-state:running;animation-iteration-count:60}.genealogy-page .loading-state .spinner{animation-iteration-count:20}.loading-spinner:not(.active),.spinner:not(.active){animation-play-state:paused;visibility:hidden}.spinner,.loading-spinner,.shimmer,.pulse{will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (max-width: 768px){.spinner,.loading-spinner{animation-duration:1.5s;animation-iteration-count:20}.background-animation,.gradient-overlay{animation:none!important}}.trustwallet-browser *{animation-duration:.5s!important;animation-iteration-count:1!important}@keyframes spin-limited{0%{transform:rotate(0)}to{transform:rotate(360deg);opacity:.3}}@keyframes pulse-limited{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes shimmer-limited{0%{transform:translate(-100%)}to{transform:translate(100%);opacity:0}}.performance-mode .spinner{animation:spin-limited 1s ease-out 5}.performance-mode .pulse{animation:pulse-limited 2s ease-out 3}.performance-mode .shimmer:before{animation:shimmer-limited 1.5s ease-out 2}:root{--leadfive-cyber-blue: #00D4FF;--leadfive-royal-purple: #7B2CBF;--leadfive-energy-orange: #FF6B35;--leadfive-deep-space: #1A1A2E;--leadfive-midnight-blue: #16213E;--leadfive-silver-mist: #B8C5D1;--leadfive-success-green: #00FF88;--leadfive-alert-red: #FF4757;--leadfive-premium-gold: #FFD700;--leadfive-pure-white: #FFFFFF;--leadfive-charcoal-gray: #2D3748;--leadfive-true-black: #0A0A0A;--leadfive-primary-gradient: linear-gradient(135deg, #00D4FF 0%, #7B2CBF 50%, #FF6B35 100%);--leadfive-secondary-gradient: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);--leadfive-success-gradient: linear-gradient(135deg, #00FF88 0%, #00D4FF 100%);--leadfive-premium-gradient: linear-gradient(135deg, #FFD700 0%, #7B2CBF 100%);--leadfive-corporate-gradient: linear-gradient(135deg, #2D3748 0%, #1A1A2E 100%);--leadfive-trust-primary: #00D4FF;--leadfive-trust-light: #33E0FF;--leadfive-trust-dark: #00A6CC;--leadfive-trust-subtle: rgba(0, 212, 255, .1);--leadfive-trust-border: rgba(0, 212, 255, .3);--leadfive-premium-primary: #7B2CBF;--leadfive-premium-light: #9547D9;--leadfive-premium-dark: #5D1F8F;--leadfive-premium-subtle: rgba(123, 44, 191, .1);--leadfive-premium-border: rgba(123, 44, 191, .3);--leadfive-growth-primary: #FF6B35;--leadfive-growth-light: #FF8555;--leadfive-growth-dark: #E65528;--leadfive-growth-subtle: rgba(255, 107, 53, .1);--leadfive-growth-border: rgba(255, 107, 53, .3);--leadfive-success-primary: #00FF88;--leadfive-success-light: #33FFA0;--leadfive-success-dark: #00CC6A;--leadfive-success-subtle: rgba(0, 255, 136, .1);--leadfive-success-border: rgba(0, 255, 136, .3);--leadfive-alert-primary: #FF4757;--leadfive-alert-light: #FF6B79;--leadfive-alert-dark: #E63946;--leadfive-alert-subtle: rgba(255, 71, 87, .1);--leadfive-alert-border: rgba(255, 71, 87, .3);--leadfive-vip-primary: #FFD700;--leadfive-vip-light: #FFE033;--leadfive-vip-dark: #CCAC00;--leadfive-vip-subtle: rgba(255, 215, 0, .1);--leadfive-vip-border: rgba(255, 215, 0, .3);--leadfive-bg-primary: var(--leadfive-deep-space);--leadfive-bg-secondary: var(--leadfive-midnight-blue);--leadfive-bg-card: rgba(255, 255, 255, .05);--leadfive-bg-card-hover: rgba(255, 255, 255, .08);--leadfive-bg-glass: rgba(255, 255, 255, .1);--leadfive-bg-overlay: rgba(10, 10, 10, .8);--leadfive-text-primary: var(--leadfive-pure-white);--leadfive-text-secondary: var(--leadfive-silver-mist);--leadfive-text-muted: rgba(184, 197, 209, .7);--leadfive-text-inverse: var(--leadfive-charcoal-gray);--leadfive-text-brand: var(--leadfive-cyber-blue);--leadfive-border-primary: rgba(255, 255, 255, .1);--leadfive-border-secondary: rgba(255, 255, 255, .05);--leadfive-border-brand: var(--leadfive-trust-border);--leadfive-border-success: var(--leadfive-success-border);--leadfive-border-alert: var(--leadfive-alert-border);--leadfive-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--leadfive-shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--leadfive-shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--leadfive-shadow-xl: 0 16px 32px rgba(0, 0, 0, .25);--leadfive-shadow-brand: 0 8px 25px rgba(0, 212, 255, .4);--leadfive-shadow-success: 0 8px 25px rgba(0, 255, 136, .4);--leadfive-shadow-premium: 0 8px 25px rgba(123, 44, 191, .4)}.leadfive-brand-primary{background:var(--leadfive-primary-gradient);color:var(--leadfive-pure-white)}.leadfive-brand-text{background:var(--leadfive-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leadfive-brand-border{border:1px solid var(--leadfive-border-brand)}.leadfive-trust-element{color:var(--leadfive-trust-primary);background:var(--leadfive-trust-subtle);border:1px solid var(--leadfive-trust-border)}.leadfive-trust-button{background:var(--leadfive-trust-primary);color:var(--leadfive-pure-white);border:none;transition:all .3s ease}.leadfive-trust-button:hover{background:var(--leadfive-trust-dark);box-shadow:var(--leadfive-shadow-brand)}.leadfive-premium-element{color:var(--leadfive-premium-primary);background:var(--leadfive-premium-subtle);border:1px solid var(--leadfive-premium-border)}.leadfive-premium-button{background:var(--leadfive-premium-primary);color:var(--leadfive-pure-white);border:none;transition:all .3s ease}.leadfive-premium-button:hover{background:var(--leadfive-premium-dark);box-shadow:var(--leadfive-shadow-premium)}.leadfive-success-element{color:var(--leadfive-success-primary);background:var(--leadfive-success-subtle);border:1px solid var(--leadfive-success-border)}.leadfive-success-button{background:var(--leadfive-success-primary);color:var(--leadfive-pure-white);border:none;transition:all .3s ease}.leadfive-success-button:hover{background:var(--leadfive-success-dark);box-shadow:var(--leadfive-shadow-success)}.leadfive-alert-element{color:var(--leadfive-alert-primary);background:var(--leadfive-alert-subtle);border:1px solid var(--leadfive-alert-border)}.leadfive-alert-button{background:var(--leadfive-alert-primary);color:var(--leadfive-pure-white);border:none;transition:all .3s ease}.leadfive-alert-button:hover{background:var(--leadfive-alert-dark);transform:scale(1.05)}.leadfive-vip-element{color:var(--leadfive-vip-primary);background:var(--leadfive-vip-subtle);border:1px solid var(--leadfive-vip-border)}.leadfive-vip-button{background:var(--leadfive-premium-gradient);color:var(--leadfive-pure-white);border:none;transition:all .3s ease}.leadfive-vip-button:hover{transform:scale(1.05);box-shadow:var(--leadfive-shadow-premium)}.leadfive-glass-card{background:var(--leadfive-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--leadfive-border-primary);border-radius:12px;box-shadow:var(--leadfive-shadow-lg)}.leadfive-glass-card:hover{background:var(--leadfive-bg-card-hover);border-color:var(--leadfive-border-brand);transform:translateY(-2px);box-shadow:var(--leadfive-shadow-xl)}@media (max-width: 768px){:root{--leadfive-shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--leadfive-shadow-md: 0 2px 4px rgba(0, 0, 0, .15);--leadfive-shadow-lg: 0 4px 8px rgba(0, 0, 0, .2);--leadfive-shadow-xl: 0 8px 16px rgba(0, 0, 0, .25)}.leadfive-brand-text{font-size:clamp(1.5rem,4vw,2rem)}}@media (prefers-color-scheme: dark){:root{--leadfive-bg-card: rgba(255, 255, 255, .03);--leadfive-bg-card-hover: rgba(255, 255, 255, .06);--leadfive-border-primary: rgba(255, 255, 255, .08);--leadfive-border-secondary: rgba(255, 255, 255, .03)}}@media (prefers-reduced-motion: reduce){.leadfive-trust-button,.leadfive-premium-button,.leadfive-success-button,.leadfive-alert-button,.leadfive-vip-button,.leadfive-glass-card{transition:none}}@media (prefers-contrast: high){:root{--leadfive-border-primary: rgba(255, 255, 255, .3);--leadfive-border-secondary: rgba(255, 255, 255, .2);--leadfive-text-muted: rgba(184, 197, 209, .9)}}.leadfive-text-brand{color:var(--leadfive-text-brand)}.leadfive-text-success{color:var(--leadfive-success-primary)}.leadfive-text-alert{color:var(--leadfive-alert-primary)}.leadfive-text-premium{color:var(--leadfive-premium-primary)}.leadfive-text-vip{color:var(--leadfive-vip-primary)}.leadfive-bg-primary{background:var(--leadfive-bg-primary)}.leadfive-bg-secondary{background:var(--leadfive-bg-secondary)}.leadfive-bg-card{background:var(--leadfive-bg-card)}.leadfive-border-brand{border-color:var(--leadfive-border-brand)}.leadfive-border-success{border-color:var(--leadfive-border-success)}.leadfive-border-alert{border-color:var(--leadfive-border-alert)}.leadfive-shadow-brand{box-shadow:var(--leadfive-shadow-brand)}.leadfive-shadow-success{box-shadow:var(--leadfive-shadow-success)}.leadfive-shadow-premium{box-shadow:var(--leadfive-shadow-premium)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--leadfive-text-primary);background-color:var(--leadfive-true-black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;background:var(--leadfive-bg-primary)!important;margin:0;padding:0}body{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%;background:#0a0a0a;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--leadfive-text-primary);background-color:var(--leadfive-true-black)}a:hover{color:var(--leadfive-cyber-blue)}button{background-color:#f9f9f9}}.header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;border-bottom:2px solid rgba(0,212,255,.3);box-shadow:0 4px 15px rgba(0,0,0,.3)}.logo-section{display:-ms-flexbox;display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-text{font-size:1.8rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(0,212,255,.3)}.nav-links{display:-ms-flexbox;display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#b8c5d1;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-links a:hover{color:#00d4ff;background:rgba(0,212,255,.1);transform:translateY(-2px)}.nav-links a:active,.nav-links a.active{color:gold;background:rgba(255,215,0,.1)}.wallet-info{display:-ms-flexbox;display:flex;align-items:center;gap:1rem;background:rgba(123,44,191,.2);padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(123,44,191,.4)}.wallet-address{color:#00d4ff;font-family:Courier New,monospace;font-weight:600;font-size:.9rem}.disconnect-btn{background:linear-gradient(45deg,#ff4757,#ff6b35);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.disconnect-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,71,87,.3)}.connect-btn{background:linear-gradient(45deg,#00d4ff,#7b2cbf);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,212,255,.2)}.connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,255,.4);background:linear-gradient(45deg,#7b2cbf,#00d4ff)}.wallet-section{display:-ms-flexbox;display:flex;align-items:center}.footer{background:linear-gradient(135deg,#1a1a2e,#0a0a0a);color:#fff;border-top:2px solid rgba(0,212,255,.3);padding:3rem 2rem 1rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-gap:3rem;gap:3rem;align-items:start}.footer-brand{display:-ms-flexbox;display:flex;align-items:center;gap:1rem}.footer-logo{display:block}.footer-brand-name{font-size:1.5rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:2rem;gap:2rem}.footer-section h4{color:#00d4ff;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.footer-section p{color:#b8c5d1;font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.footer-contract{display:-ms-flexbox;display:flex;flex-direction:column;gap:1rem;align-items:end}.contract-badge{background:rgba(123,44,191,.2);border:1px solid rgba(123,44,191,.4);border-radius:10px;padding:.75rem 1rem;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;gap:.5rem}.contract-label{color:#7b2cbf;font-size:.8rem;font-weight:600}.contract-address{font-family:Courier New,monospace;color:gold;font-weight:600;font-size:.9rem}.network-badge{background:rgba(0,255,136,.2);border:1px solid rgba(0,255,136,.4);border-radius:20px;padding:.5rem 1rem;display:-ms-flexbox;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#0f8;font-weight:600}.network-indicator{font-size:.7rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.5rem;text-align:center;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:#b8c5d1;font-size:.9rem;margin:0}.footer-tagline{color:#2d3748;font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-info{grid-template-columns:1fr}.footer-contract{align-items:center}.footer-bottom{flex-direction:column;gap:1rem}}.security-badges{display:-ms-flexbox;display:flex;justify-content:center;gap:2rem;margin:2rem 0}.badge-item{background:rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:8px;text-align:center}.badge-icon{font-size:2rem}.home-page{text-align:center;padding:2rem;background:#16213e;color:#fff}.home-page h1{font-size:2.5rem;margin-bottom:1rem}.home-page p{font-size:1.25rem;margin-bottom:2rem}.home-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#2d3748);color:#fff}.hero-section{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,44,191,.1))}.hero-content{max-width:800px;margin:0 auto}.logo-hero{margin-bottom:2rem}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.hero-description{font-size:1.1rem;color:#b8c5d1;line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:-ms-flexbox;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(45deg,#00d4ff,#7b2cbf);color:#fff;padding:1rem 2.5rem;border-radius:25px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,212,255,.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,212,255,.4)}.btn-secondary{background:transparent;color:gold;border:2px solid #ffd700;padding:1rem 2.5rem;border-radius:25px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease}.btn-secondary:hover{background:gold;color:#1a1a2e;transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,215,0,.3)}.features-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.features-section h2{text-align:center;font-size:2.5rem;color:#00d4ff;margin-bottom:3rem;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.feature-card{background:rgba(22,33,62,.5);border-radius:15px;padding:2rem;text-align:center;border:1px solid rgba(0,212,255,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-10px);border-color:rgba(0,212,255,.4);box-shadow:0 15px 35px rgba(0,212,255,.2)}.feature-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(0%)}.feature-card h3{color:gold;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.feature-card p{color:#b8c5d1;line-height:1.6;font-size:.95rem}.stats-section{padding:4rem 2rem;background:rgba(123,44,191,.1);margin:2rem 0}.stats-section h2{text-align:center;font-size:2.5rem;color:#7b2cbf;margin-bottom:3rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;max-width:800px;margin:0 auto}.stat-card{background:rgba(26,26,46,.5);border-radius:15px;padding:2rem 1rem;text-align:center;border:1px solid rgba(255,107,53,.3);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:rgba(255,107,53,.5);box-shadow:0 10px 25px rgba(255,107,53,.2)}.stat-number{font-size:3rem;font-weight:800;color:#ff6b35;margin-bottom:.5rem;text-shadow:0 0 20px rgba(255,107,53,.5)}.stat-label{color:#b8c5d1;font-size:1.1rem;font-weight:500}.register-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#2d3748);color:#fff;padding:2rem 0}.register-hero{text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,44,191,.1));margin-bottom:3rem}.hero-icon{margin-bottom:1.5rem}.register-hero h1{font-size:3rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.register-hero p{font-size:1.3rem;color:#b8c5d1;margin-bottom:2rem}.root-user-badge{display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,gold,#ff6b35);color:#1a1a2e;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;box-shadow:0 4px 15px rgba(255,215,0,.3)}.badge-icon{font-size:1.2rem}.register-content{max-width:1200px;margin:0 auto;padding:0 2rem}.package-selection{margin-bottom:3rem}.package-selection h2{text-align:center;font-size:2.5rem;color:#00d4ff;margin-bottom:2rem;font-weight:700}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.package-card{background:rgba(22,33,62,.5);border:2px solid rgba(0,212,255,.2);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.package-card:hover{transform:translateY(-5px);border-color:rgba(0,212,255,.4);box-shadow:0 10px 25px rgba(0,212,255,.2)}.package-card.selected{border-color:gold;background:rgba(255,215,0,.1);box-shadow:0 10px 30px rgba(255,215,0,.3)}.package-header{text-align:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.package-header h3{font-size:1.5rem;color:#7b2cbf;margin-bottom:.5rem;font-weight:600}.package-price{font-size:2rem;font-weight:800;color:#ff6b35;text-shadow:0 0 10px rgba(255,107,53,.5)}.package-features{margin:1rem 0}.feature-item{display:-ms-flexbox;display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#b8c5d1;font-size:.95rem}.feature-check{color:#0f8;font-weight:700;font-size:1.1rem}.selected-indicator{position:absolute;top:1rem;right:1rem;background:#0f8;color:#1a1a2e;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.payment-selection{margin-bottom:3rem;text-align:center}.payment-selection h3{font-size:2rem;color:#7b2cbf;margin-bottom:1.5rem;font-weight:600}.payment-toggle{display:-ms-flexbox;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.payment-btn{display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:rgba(26,26,46,.5);border:2px solid rgba(255,255,255,.2);color:#b8c5d1;padding:1.5rem 2rem;border-radius:15px;cursor:pointer;transition:all .3s ease;font-size:1.1rem;font-weight:600;position:relative}.payment-btn:hover{border-color:rgba(0,212,255,.4);transform:translateY(-2px)}.payment-btn.active{border-color:#00d4ff;background:rgba(0,212,255,.1);color:#00d4ff}.token-icon{font-size:1.5rem}.recommended{position:absolute;top:-8px;right:-8px;background:gold;color:#1a1a2e;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.register-summary{margin-bottom:3rem;display:-ms-flexbox;display:flex;justify-content:center}.summary-card{background:rgba(123,44,191,.2);border:1px solid rgba(123,44,191,.4);border-radius:15px;padding:2rem;max-width:400px;width:100%}.summary-card h3{color:#7b2cbf;font-size:1.5rem;margin-bottom:1.5rem;text-align:center;font-weight:600}.summary-item{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#b8c5d1}.summary-item:last-child{border-bottom:none}.root-position{color:gold;font-weight:600}.register-actions{text-align:center}.btn-register{display:-ms-flexbox;display:flex;align-items:center;gap:.75rem;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);background-size:200% 200%;color:#fff;border:none;padding:1.25rem 3rem;border-radius:25px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin:0 auto 2rem;box-shadow:0 6px 20px rgba(0,212,255,.4)}.btn-register:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,212,255,.5)}.btn-icon{font-size:1.2rem}.register-note{color:#b8c5d1;font-size:.95rem;line-height:1.6;max-width:500px;margin:0 auto;font-style:italic}.about-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#2d3748);color:#fff}.about-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,44,191,.1))}.hero-logo{margin-bottom:2rem}.about-hero h1{font-size:3.5rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.hero-subtitle{font-size:1.5rem;color:#00d4ff;margin-bottom:1.5rem;font-weight:600}.hero-description{font-size:1.1rem;color:#b8c5d1;line-height:1.6;max-width:700px;margin:0 auto}.about-content{max-width:1200px;margin:0 auto;padding:2rem}.about-content section{margin-bottom:4rem;background:rgba(22,33,62,.3);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.1)}.about-content h2{font-size:2.5rem;margin-bottom:2rem;color:#00d4ff;text-align:center;font-weight:700}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.security-card{background:rgba(26,26,46,.5);border-radius:15px;padding:2rem;text-align:center;border:1px solid rgba(0,255,136,.2);transition:all .3s ease}.security-card:hover{transform:translateY(-10px);border-color:rgba(0,255,136,.4);box-shadow:0 15px 35px rgba(0,255,136,.2)}.security-icon{font-size:3rem;margin-bottom:1rem}.security-card h3{color:#0f8;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.security-description{color:#b8c5d1;margin-bottom:1rem;line-height:1.5}.security-detail{color:#2d3748;font-size:.9rem;font-style:italic}.security-page{min-height:100vh;position:relative;color:#b8c5d1}.security-dashboard{margin:2rem 0}.security-status-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem;text-align:center}.security-status-card h3{color:#00d4ff;margin-bottom:1rem}.status-indicator{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0;font-weight:600}.status-indicator.active .status-icon{color:#0f8}.security-badges-section{margin:3rem 0}.security-badges-section h2{text-align:center;color:#00d4ff;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.security-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.badge-item{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.badge-item:hover{transform:translateY(-5px);border-color:#00d4ff;box-shadow:0 10px 30px rgba(0,212,255,.3)}.badge-icon{font-size:3rem;margin-bottom:1rem;display:block}.badge-item h4{color:#00d4ff;margin-bottom:.5rem;font-size:1.3rem}.badge-item p{color:#b8c5d1;font-size:.9rem}.security-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0}.security-feature-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer}.security-feature-card:hover{transform:translateY(-5px);border-color:#7b2cbf;box-shadow:0 10px 30px rgba(123,44,191,.3)}.security-feature-card.selected{border-color:#00d4ff;background:rgba(0,212,255,.1)}.feature-header{display:-ms-flexbox;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon{font-size:2.5rem}.feature-title{color:#00d4ff;font-size:1.4rem;font-weight:600}.feature-description{color:#b8c5d1;margin-bottom:1rem;line-height:1.6}.feature-details{padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);animation:slideDown .3s ease}.feature-details h4{color:#ff6b35;margin-bottom:.8rem}.feature-details ul{list-style:none;padding:0}.feature-details li{color:#b8c5d1;padding:.3rem 0 .3rem 1.5rem;position:relative}.feature-details li:before{content:"✓";position:absolute;left:0;color:#0f8;font-weight:700}.certifications-section{margin:4rem 0}.certifications-section h2{text-align:center;color:gold;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.certification-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.certification-card:hover{transform:translateY(-3px);border-color:gold;box-shadow:0 8px 25px rgba(255,215,0,.3)}.cert-icon{font-size:2.5rem;margin-bottom:1rem}.certification-card h4{color:gold;margin-bottom:.5rem;font-size:1.1rem}.cert-status{color:#0f8;font-weight:600;font-size:.9rem}.security-info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0}.info-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem}.info-card h3{color:#00d4ff;margin-bottom:1rem;font-size:1.3rem}.info-card p{color:#b8c5d1;line-height:1.6}.packages-page{min-height:100vh;position:relative;overflow-x:hidden}.packages-page .page-content{position:relative;z-index:1;padding:2rem;max-width:1400px;margin:0 auto;min-height:100vh;display:-ms-flexbox;display:flex;flex-direction:column}.packages-page .page-header{text-align:center;margin-bottom:3rem;margin-top:2rem}.packages-page .page-title{font-size:3.5rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b2cbf,#ff6b35);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:3px;text-transform:uppercase}.packages-page .page-subtitle{font-size:1.2rem;color:#b8c5d1;max-width:800px;margin:0 auto 2rem;line-height:1.6;font-weight:400}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:3rem auto;max-width:1200px;padding:0 1rem}@media (min-width: 768px){.packages-grid{grid-template-columns:repeat(2,1fr)}}.package-card{background:linear-gradient(135deg,rgba(26,26,46,.95),rgba(22,33,62,.95));border:2px solid rgba(0,212,255,.2);border-radius:20px;padding:2.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-ms-flexbox;display:flex;flex-direction:column;min-height:450px}.package-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--package-color);transform:scaleX(0);transition:transform .3s ease}.package-card:hover{transform:translateY(-8px);border-color:var(--package-color);box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 40px var(--package-color, rgba(0, 212, 255, .2))}.package-card:hover:before{transform:scaleX(1)}.package-card.selected{border-color:var(--package-color);background:linear-gradient(135deg,rgba(26,26,46,.98),rgba(22,33,62,.98));box-shadow:0 0 50px var(--package-color, rgba(0, 212, 255, .3))}.package-header{text-align:center;margin-bottom:2rem}.package-icon{font-size:3.5rem;margin-bottom:1rem;display:inline-block;filter:drop-shadow(0 0 25px var(--package-color))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.package-name{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.package-price{display:-ms-flexbox;display:flex;align-items:baseline;justify-content:center;gap:.3rem;margin-bottom:1.5rem}.package-price .currency{font-size:1.5rem;color:#b8c5d1}.package-price .amount{font-size:3rem;font-weight:800;color:var(--package-color);text-shadow:0 0 20px var(--package-color)}.package-subtitle{font-size:1.1rem;color:#b8c5d1;margin:.5rem 0 1rem;font-weight:500}.package-badge{display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,rgba(0,212,255,.2),rgba(123,44,191,.2));border:1px solid rgba(0,212,255,.4);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:#00d4ff;font-weight:600;margin-top:.5rem}.package-badge .bsc-icon{font-size:1rem}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.6}}.title-underline{width:100px;height:4px;background:-webkit-gradient(linear,left top,right top,from(#00d4ff),to(#ff6b35));background:linear-gradient(90deg,#00d4ff,#ff6b35);margin:1rem auto 2rem;border-radius:2px}.packages-footer{margin-top:3rem;text-align:center;padding:2rem;background:rgba(22,33,62,.3);border-radius:15px;border:1px solid rgba(0,212,255,.2)}.footer-notice{color:#b8c5d1;font-size:1rem;margin:0;font-style:italic;line-height:1.6}.package-price .period{font-size:1.2rem;color:#b8c5d1;margin-left:.5rem}.package-benefits{margin:2rem 0;flex-grow:1}.benefit-item{display:-ms-flexbox;display:flex;align-items:center;gap:1rem;margin:1rem 0;color:#b8c5d1;font-size:.95rem;line-height:1.6}.benefit-icon{color:#0f8;font-size:1.3rem;flex-shrink:0}.select-package-btn{width:100%;padding:1.2rem;background:linear-gradient(45deg,transparent,var(--package-color));border:2px solid var(--package-color);color:#fff;font-weight:700;font-size:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:auto}.select-package-btn:hover{background:var(--package-color);transform:scale(1.02);box-shadow:0 5px 20px var(--package-color)}.package-card.selected .select-package-btn{background:var(--package-color);box-shadow:0 5px 25px var(--package-color)}.wallet-connect-section{display:-ms-flexbox;display:flex;justify-content:center;margin:2rem 0 3rem;animation:fadeInUp 1s ease-out}.purchase-section{text-align:center;margin:4rem 0 2rem;animation:fadeInUp .5s ease-out}.purchase-btn{padding:1.5rem 4rem;background:linear-gradient(45deg,#00d4ff,#7b2cbf);border:none;color:#fff;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 10px 30px rgba(0,212,255,.3)}.purchase-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,212,255,.5);background:linear-gradient(45deg,#7b2cbf,#00d4ff)}@media (max-width: 768px){.packages-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.package-card{padding:2rem;min-height:400px}.package-name{font-size:1.5rem}.package-price .amount,.packages-page .page-title{font-size:2.5rem}.purchase-btn{padding:1.2rem 2.5rem;font-size:1.1rem}}.packages-page .page-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.packages-page .animated-bg{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0a0a0a)}.packages-page .gradient-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(123,44,191,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,107,53,.05) 0%,transparent 50%)}.unified-wallet-connect{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto}.unified-wallet-connect.compact{width:auto;margin:0}.page-wallet-connect{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;padding:2rem 0}.wallet-connect-wrapper{display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:2rem 0;width:100%}.connect-wallet-btn,.connect-btn{margin:0 auto;display:block;min-width:200px;text-align:center}.header{width:100%!important;background:rgba(17,24,39,.95)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed!important;top:0;z-index:2000!important;margin:0;padding:1rem 2rem!important;display:-ms-flexbox!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.footer{width:100%!important;background:rgba(10,10,10,.95);margin:0;padding:2rem 0}.container,.main-container{width:100%;max-width:100%;margin:0;padding:0 2rem;background:transparent}.page-content,.about-content,.packages-content,.dashboard-content,.referrals-content,.security-content,.withdrawals-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.page-container,.dashboard-page,.packages-page,.referrals-page,.security-page,.withdrawals-page,.brand-guide-page,.about-page,.register-page,.home-page,.welcome-page{width:100%!important;min-height:calc(100vh - 140px);background:transparent!important;position:relative;margin:0!important;padding:0!important}.page-background{position:fixed!important;top:0;left:0;right:0;bottom:0;width:100vw!important;height:100vh!important;background:#0a0a0a!important;z-index:-2}@media (max-width: 1400px){.page-content,.about-content,.packages-content,.dashboard-content{padding:2rem 1rem}}@media (min-width: 1920px){.page-wrapper,.dashboard-page,.packages-page,.referrals-page,.security-page,.withdrawals-page,.brand-guide-page,.about-page,.register-page,.home-page{width:100vw!important}}@media (max-width: 768px){.page-wallet-connect{min-height:150px;padding:1rem 0}.wallet-connect-wrapper{padding:1rem 0}.page-content{padding:1rem}}.error-boundary{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;border:1px solid #333}.error-boundary-content{text-align:center;max-width:500px}.error-icon{font-size:4rem;margin-bottom:1rem}.error-boundary h2{color:#ff6b6b;margin-bottom:1rem;font-size:1.5rem}.error-boundary p{color:#ccc;margin-bottom:2rem;line-height:1.6}.error-actions{display:-ms-flexbox;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-details{margin-top:2rem;text-align:left;background:#111;padding:1rem;border-radius:8px;border:1px solid #333}.error-details summary{color:#ffd93d;cursor:pointer;margin-bottom:1rem}.error-details pre{color:#ff6b6b;font-size:.875rem;white-space:pre-wrap;word-break:break-word;margin:.5rem 0}.dashboard-error{padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,#2a1810,#3a2220);border-radius:12px;border:1px solid #ff6b6b33}.dashboard-error .error-content h3{color:#ff6b6b;margin-bottom:1rem}.section-error{padding:1rem;text-align:center;background:#2a2a2a;border-radius:8px;border:1px solid #ff6b6b33;margin:1rem 0}.section-error p{color:#ff6b6b;margin-bottom:.5rem;font-size:.875rem}.loading-spinner{display:-ms-inline-flexbox;display:inline-flex;align-items:center}.loading-text{font-size:.875rem;color:#ccc}.skeleton-loader{display:block;background:#e2e8f0;border-radius:.375rem}.skeleton-group{display:-ms-flexbox;display:flex;flex-direction:column}[data-theme=dark] .skeleton-loader{background:#374151;background-image:-webkit-gradient(linear,left top,right top,color-stop(25%,#374151),color-stop(50%,#4b5563),color-stop(75%,#374151));background-image:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%)}@media (max-width: 768px){.error-boundary{min-height:300px;padding:1rem}.error-boundary-content{padding:0}.error-actions{flex-direction:column;align-items:center}.error-actions .btn{width:100%;max-width:200px}}*{-webkit-tap-highlight-color:rgba(59,130,246,.3);-webkit-touch-callout:none}p,span,div,h1,h2,h3,h4,h5,h6,li,td,th,label{-webkit-user-select:text;user-select:text}button,.btn,.dashboard-action-btn,.menu-item,.tab,.nav-link{-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem!important;line-height:1.2}h2{font-size:1.5rem!important;line-height:1.3}h3{font-size:1.25rem!important;line-height:1.4}button,.btn,.dashboard-action-btn{min-height:44px!important;min-width:44px!important;padding:12px 16px!important;font-size:16px!important;border-radius:12px!important;touch-action:manipulation}.header,.navbar{padding:8px 16px!important;position:-webkit-sticky;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-menu{flex-direction:column;position:fixed;top:60px;left:0;width:100%;background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;transform:translateY(-100%);transition:transform .3s ease}.nav-menu.open{transform:translateY(0)}.dashboard-container{padding:12px!important;gap:16px!important}.dashboard-sidebar{position:fixed!important;left:-280px;top:0;height:100vh;width:280px;background:rgba(10,10,10,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:left .3s ease;z-index:999;padding:20px;overflow-y:auto}.dashboard-sidebar.open{left:0}.dashboard-main{width:100%!important;padding:12px!important}.card-grid{grid-template-columns:1fr!important;gap:16px!important}.overview-stats{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat-card{padding:16px!important;border-radius:12px!important;min-height:80px!important}.stat-value{font-size:1.5rem!important}.form-container{padding:20px!important;max-width:100%!important}.form-group{margin-bottom:20px!important}input,select,textarea{width:100%!important;padding:14px 16px!important;font-size:16px!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.05)!important;color:#fff!important;touch-action:manipulation}input:focus,select:focus,textarea:focus{border-color:#4facfe!important;outline:none;box-shadow:0 0 0 3px rgba(79,172,254,.2)!important}.wallet-connect-btn{width:100%!important;padding:16px!important;font-size:18px!important;border-radius:16px!important;background:linear-gradient(135deg,#4facfe,#00f2fe)!important;border:none;color:#fff;font-weight:600;margin-bottom:16px}.referral-container{padding:16px!important}.referral-link-container{display:-ms-flexbox;display:flex;flex-direction:column;gap:12px!important}.referral-link-input{flex:1;word-break:break-all;padding:12px!important;font-size:14px!important}.qr-code-container{text-align:center;padding:20px;background:#fff;border-radius:16px;margin:16px 0}.qr-code-container img{max-width:200px;height:auto}.social-sharing-grid{display:grid;grid-template-columns:repeat(2,1fr)!important;grid-gap:12px!important;gap:12px!important}.social-btn{padding:12px!important;border-radius:12px!important;font-size:14px!important;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;gap:8px;border:none;color:#fff;font-weight:500;touch-action:manipulation}.ai-chatbot{position:fixed!important;bottom:80px!important;right:16px!important;width:calc(100vw - 32px)!important;max-width:350px!important;max-height:60vh!important;border-radius:20px!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:rgba(10,10,10,.95)!important}.ai-chat-messages{max-height:300px!important;overflow-y:auto!important;padding:16px!important}.ai-chat-input{padding:12px 16px!important;border-radius:0 0 20px 20px!important}.dashboard-section{contain:layout style paint}.stat-card{contain:layout style;will-change:transform}.loading-spinner{width:40px!important;height:40px!important;border-width:3px!important}.error-message{padding:16px!important;border-radius:12px!important;font-size:14px!important;text-align:center}.success-message{padding:16px!important;border-radius:12px!important;font-size:14px!important;text-align:center;background:rgba(16,185,129,.1)!important;border:1px solid rgba(16,185,129,.3)!important;color:#10b981!important}}@media (max-width: 480px){html{font-size:12px}.overview-stats{grid-template-columns:1fr!important}.stat-card{padding:12px!important;min-height:70px!important}.social-sharing-grid{grid-template-columns:1fr!important}.ai-chatbot{width:calc(100vw - 16px)!important;right:8px!important;bottom:70px!important}}@media (max-width: 768px) and (orientation: landscape){.dashboard-sidebar{width:240px}.ai-chatbot{max-height:40vh!important}.overview-stats{grid-template-columns:repeat(4,1fr)!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.qr-code-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){:root{--primary-bg: #0a0a0a;--secondary-bg: rgba(255, 255, 255, .05);--primary-text: #ffffff;--secondary-text: rgba(255, 255, 255, .7);--accent-color: #4facfe;--border-color: rgba(255, 255, 255, .1)}}@media (display-mode: standalone){.header{padding-top:env(safe-area-inset-top)}.dashboard-main{padding-bottom:env(safe-area-inset-bottom)}.ai-chatbot{bottom:calc(80px + env(safe-area-inset-bottom))}}@supports (-webkit-touch-callout: none){input,textarea{font-size:16px!important}.ai-chatbot{position:-webkit-sticky;position:sticky}}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}@media (max-width: 768px){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap;overflow-x:hidden!important}*{transform:translateZ(0)}#root{position:relative!important;min-height:100vh!important;width:100%!important;overflow-x:hidden!important}.mobile-emergency-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:rgba(26,26,46,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-top:1px solid rgba(0,212,255,.3)!important;display:-ms-flexbox!important;display:flex!important;justify-content:space-around!important;padding:12px 0!important;z-index:9999!important}.lazy-component-fallback{display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:200px!important;color:#fff!important}.mobile-loading-screen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(135deg,#1a1a2e,#16213e)!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;color:#fff!important;z-index:10000!important}.component-fallback{display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;padding:20px!important;color:#fff!important;font-size:16px!important;text-align:center!important}.App{position:relative!important;min-height:100vh!important}.route-content{position:relative!important;min-height:calc(100vh - 80px)!important;padding-bottom:80px!important}.error-boundary{min-height:100vh!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;color:#fff!important;text-align:center!important}}@media (max-width: 768px) and (orientation: landscape){.mobile-emergency-nav{padding:8px 0!important}}@media (max-width: 375px){.mobile-emergency-nav{padding:10px 0!important}}@keyframes mobileLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-loading-spinner{width:60px!important;height:60px!important;border:3px solid rgba(0,212,255,.3)!important;border-top:3px solid #00d4ff!important;border-radius:50%!important;animation:mobileLoadingSpin 1s linear infinite!important;margin-bottom:20px!important}.mobile-emergency-button{background:linear-gradient(45deg,#00d4ff,#7b2cbf)!important;border:none!important;color:#fff!important;padding:12px 24px!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;margin:10px!important}@media (hover: none) and (pointer: coarse){button,.clickable{cursor:pointer!important;-webkit-tap-highlight-color:rgba(0,212,255,.3)!important}}@font-face{font-family:system-ui-fallback;src:local("system-ui"),local("-apple-system"),local("BlinkMacSystemFont");font-display:swap}.mobile-optimized *{will-change:auto!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;perspective:1000px!important}@media (max-width: 768px){html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.container,.main-container,.app-container{width:100%!important;max-width:100vw!important;padding-left:16px!important;padding-right:16px!important;margin:0!important;overflow-x:hidden!important}.mobile-nav,.enhanced-mobile-navigation{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:70px!important;z-index:10000!important;background:rgba(26,26,46,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,212,255,.3)!important}.page-content,.dashboard-content,.app-content{padding-bottom:90px!important;margin-bottom:0!important}.header,.page-header,.desktop-header{display:none!important}.mobile-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:60px!important;z-index:9999!important;background:rgba(26,26,46,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,212,255,.3)!important}.page-content,.dashboard-content,.app-content{padding-top:80px!important}.card,.dashboard-card,.package-card{width:100%!important;max-width:calc(100vw - 32px)!important;margin:8px 0!important;padding:16px!important;border-radius:12px!important;box-sizing:border-box!important}.grid,.dashboard-grid,.packages-grid{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;padding:0!important}.button-group,.action-buttons{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.button,.btn,.action-btn{width:100%!important;min-height:48px!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;box-sizing:border-box!important}h1{font-size:24px!important;line-height:1.2!important}h2{font-size:20px!important;line-height:1.3!important}h3{font-size:18px!important;line-height:1.4!important}h4{font-size:16px!important;line-height:1.4!important}p,.text-content{font-size:14px!important;line-height:1.5!important}input,select,textarea{width:100%!important;min-height:48px!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;box-sizing:border-box!important}.modal,.overlay,.popup{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:10001!important;padding:20px!important;box-sizing:border-box!important}.modal-content,.overlay-content{max-width:100%!important;max-height:calc(100vh - 40px)!important;width:100%!important;margin:0!important;overflow-y:auto!important;padding:20px!important;box-sizing:border-box!important}.dashboard-main{padding:0 16px!important;margin:0!important;width:100%!important;max-width:100vw!important}.dashboard-sidebar{display:none!important}.genealogy-container,.tree-container{width:100%!important;max-width:100vw!important;overflow-x:auto!important;padding:16px!important;box-sizing:border-box!important}.tree-node{min-width:120px!important;font-size:12px!important;padding:8px!important}.stats-grid,.metrics-grid{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;gap:12px!important}.stat-card,.metric-card{flex:none!important;width:100%!important;min-height:80px!important}.packages-container{padding:0 16px!important}.package-option{width:100%!important;margin-bottom:16px!important}.wallet-connect,.connect-wallet-btn{width:100%!important;min-height:56px!important;font-size:16px!important;font-weight:600!important}.loading-spinner,.spinner{margin:20px auto!important}.error-message,.alert{margin:16px 0!important;padding:16px!important;border-radius:8px!important;font-size:14px!important}*{transition:none!important;animation-duration:.01ms!important}.glassmorphism,.glass-effect{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(26,26,46,.9)!important}.mobile-nav{z-index:10000!important}.mobile-header{z-index:9999!important}.modal,.overlay{z-index:10001!important}.toast,.notification{z-index:10002!important}*:hover{transform:none!important;scale:none!important}button,.clickable,a{min-height:44px!important;min-width:44px!important;touch-action:manipulation!important}.scroll-container{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;max-height:calc(100vh - 160px)!important}.broken-layout{display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.desktop-only,.hide-mobile{display:none!important}.mobile-only,.show-mobile{display:block!important}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:100%!important;padding:0 32px!important}.grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}@media (max-width: 768px){.dashboard-sidebar,.desktop-navigation,.complex-analytics,.detailed-stats,.advanced-charts,.social-proof,.testimonials,.footer-links,.promotional-content,.advertisement,.banner,.popup-overlay,.modal-backdrop,.floating-elements,.side-widgets,.notification-bar,.chat-widget,.help-bubble,.feedback-widget,.survey-popup,.newsletter-signup,.cookie-banner,.gdpr-notice,.social-media-bar,.share-buttons,.related-content,.recommended-items,.sponsored-content,.third-party-widgets{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.genealogy-container,.tree-container,.genealogy-tree,.network-tree,.binary-tree{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100vw!important;height:calc(100vh - 140px)!important;position:relative!important;z-index:100!important;background:linear-gradient(135deg,rgba(26,26,46,.9),rgba(0,212,255,.1))!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important;margin:10px!important;padding:20px!important;box-sizing:border-box!important}.mobile-nav,.mobile-navigation,.bottom-navigation{display:-ms-flexbox!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:70px!important;background:rgba(26,26,46,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,212,255,.3)!important;z-index:10000!important;justify-content:space-around!important;align-items:center!important;padding:0 16px!important}.mobile-header,.app-header.mobile{display:-ms-flexbox!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:60px!important;background:rgba(26,26,46,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,212,255,.3)!important;z-index:9999!important;justify-content:space-between!important;align-items:center!important;padding:0 16px!important}.main-content,.page-content,.dashboard-content{padding:80px 10px 90px!important;margin:0!important;min-height:calc(100vh - 170px)!important;display:-ms-flexbox!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}*{box-sizing:border-box!important}html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.d-lg-block,.d-md-block,.desktop-only,.hidden-mobile,.large-screen-only,.tablet-up,.desktop-sidebar,.desktop-menu,.desktop-widget,.large-chart,.detailed-table,.advanced-filter,.complex-form,.multi-column-layout,.sidebar-widget,.footer-detailed,.breadcrumb-detailed,.advanced-search,.filter-panel,.sort-options,.pagination-detailed,.bulk-actions,.advanced-settings,.admin-panel-detailed,.reporting-dashboard,.analytics-detailed,.performance-charts,.user-management-panel,.system-logs,.debug-info,.developer-tools,.api-explorer,.database-viewer,.log-viewer,.monitoring-panel,.alerting-dashboard,.metrics-detailed{display:none!important;visibility:hidden!important;height:0!important;width:0!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important}.wallet-connect,.connect-wallet-btn,.wallet-status{display:-ms-flexbox!important;display:flex!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;margin:8px 0!important;padding:12px 16px!important;background:rgba(0,212,255,.2)!important;border:1px solid #00D4FF!important;border-radius:8px!important;color:#00d4ff!important;font-size:14px!important;font-weight:600!important;text-align:center!important;cursor:pointer!important;transition:all .2s ease!important}.btn,.button,.action-btn{min-height:48px!important;min-width:120px!important;padding:12px 16px!important;font-size:14px!important;border-radius:8px!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important}input,select,textarea{min-height:48px!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}h1,h2,h3,h4,h5,h6{font-size:clamp(16px,4vw,24px)!important;line-height:1.2!important;margin:8px 0!important}p,span,div{font-size:clamp(14px,3.5vw,16px)!important;line-height:1.4!important}.container,.wrapper,.main-wrapper{width:100%!important;max-width:100vw!important;padding:0 10px!important;margin:0!important;overflow-x:hidden!important}.modal,.popup,.overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:10001!important;background:rgba(0,0,0,.8)!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.modal-content,.popup-content{width:100%!important;max-width:calc(100vw - 40px)!important;max-height:calc(100vh - 40px)!important;background:rgba(26,26,46,.95)!important;border-radius:12px!important;padding:20px!important;overflow-y:auto!important}.loading,.spinner,.loading-overlay{display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:100px!important;width:100%!important}.error,.error-message,.alert{display:block!important;width:100%!important;padding:16px!important;margin:16px 0!important;border-radius:8px!important;background:rgba(239,68,68,.1)!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important;font-size:14px!important}.success,.success-message{display:block!important;width:100%!important;padding:16px!important;margin:16px 0!important;border-radius:8px!important;background:rgba(34,197,94,.1)!important;border:1px solid rgba(34,197,94,.3)!important;color:#22c55e!important;font-size:14px!important}}@media (max-width: 768px){.header,.navbar,.top-nav,.superclaude-header-optimized,header{height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 6px!important;margin:0!important;top:0!important;position:fixed!important;z-index:9999!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important}.header-content,.superclaude-header-content{padding:0!important;margin:0!important;height:32px!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important}.brand,.logo,.superclaude-header-brand{height:28px!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;padding:0!important}.brand h1,.logo h1,.superclaude-header-brand h1{font-size:14px!important;line-height:1!important;margin:0!important;padding:0!important;white-space:nowrap!important}.subtitle,.superclaude-header-subtitle{display:none!important}.header-nav,.nav,.navigation,.superclaude-header-nav{display:-ms-flexbox!important;display:flex!important;align-items:center!important;gap:2px!important;height:28px!important;margin:0!important;padding:0!important}.nav-item,.superclaude-nav-item{height:24px!important;padding:2px 6px!important;font-size:11px!important;line-height:1!important;border-radius:4px!important;margin:0!important;white-space:nowrap!important;min-width:auto!important}.header-actions,.superclaude-header-actions{display:-ms-flexbox!important;display:flex!important;align-items:center!important;gap:2px!important;height:28px!important;margin:0!important;padding:0!important}.header-toggle,.superclaude-header-toggle,.header-btn{width:24px!important;height:24px!important;padding:2px!important;border-radius:3px!important;margin:0!important;font-size:10px!important;line-height:1!important}.header .btn,.header button,.navbar .btn,.navbar button{height:24px!important;padding:2px 6px!important;font-size:10px!important;line-height:1!important;border-radius:3px!important;margin:0 1px!important;min-width:auto!important}.dashboard,.main-content,.container,.superclaude-dashboard-optimized,.app-content,.page-content{padding-top:36px!important;margin-top:0!important}.dashboard-header,.page-header{margin-top:0!important;padding-top:0!important}.content-section,.dashboard-section,.superclaude-dashboard-section{margin-top:4px!important}.hero,.hero-section,.intro-section{padding-top:8px!important;margin-top:0!important}.earnings-overview,.superclaude-earnings-overview{margin-top:0!important;padding-top:4px!important}}@media (max-width: 375px){.header,.navbar,.superclaude-header-optimized{height:28px!important;min-height:28px!important;max-height:28px!important}.header-content,.superclaude-header-content{height:28px!important}.brand h1,.superclaude-header-brand h1{font-size:12px!important}.nav-item,.superclaude-nav-item{height:20px!important;padding:1px 4px!important;font-size:10px!important}.header-toggle,.superclaude-header-toggle{width:20px!important;height:20px!important}.dashboard,.superclaude-dashboard-optimized{padding-top:32px!important}}@media (max-width: 768px){body .header,body .navbar,body header,html body .header,html body .navbar,html body header{height:32px!important;min-height:32px!important;max-height:32px!important}body .dashboard,body .main-content,body .container,html body .dashboard,html body .main-content,html body .container{padding-top:36px!important}}@media (max-width: 768px){*{box-sizing:border-box!important}.header *,.navbar *,header *{margin:0!important;line-height:1!important}.header,.navbar,header{transform:none!important;transition:none!important}}@media screen and (max-width: 768px){.genealogy-page,.dashboard-container{display:grid;grid-template-areas:"tree" "controls" "stats";grid-template-rows:1fr auto auto;grid-gap:8px;gap:8px;padding:8px;min-height:100vh;overflow-y:auto}.genealogy-tree-container,.enhanced-production-genealogy-system{grid-area:tree;min-height:60vh;max-height:70vh;overflow:hidden;border-radius:12px;background:rgba(26,26,46,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,212,255,.2)}.tree-controls,.genealogy-controls{grid-area:controls;display:-ms-flexbox;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:8px;background:rgba(0,0,0,.4);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tree-controls button,.genealogy-controls button{flex:0 0 auto;min-width:80px;padding:8px 12px;font-size:12px;border-radius:6px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);color:#00d4ff;transition:all .2s ease}.tree-controls button:hover,.genealogy-controls button:hover,.tree-controls button.active,.genealogy-controls button.active{background:rgba(0,212,255,.2);border-color:#00d4ff;transform:translateY(-1px)}.team-performance-container{grid-area:stats;background:rgba(26,26,46,.9);border-radius:12px;padding:12px;border:1px solid rgba(0,212,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.team-performance-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.team-performance-header h3{margin:0;font-size:16px;color:#00d4ff;display:-ms-flexbox;display:flex;align-items:center;gap:8px}.performance-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:12px}.performance-metric{background:rgba(0,0,0,.3);border-radius:8px;padding:8px;text-align:center;border:1px solid rgba(255,255,255,.1)}.performance-metric-label{font-size:11px;color:rgba(255,255,255,.7);margin-bottom:4px}.performance-metric-value{font-size:18px;font-weight:700;color:#0f8}.rank-progression{background:rgba(0,0,0,.3);border-radius:8px;padding:12px;margin-bottom:12px}.rank-progression-header{display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rank-progression-bar{background:rgba(0,0,0,.5);border-radius:6px;height:8px;position:relative;overflow:hidden}.rank-progression-fill{height:100%;background:-webkit-gradient(linear,left top,right top,from(#00D4FF),to(#7B2CBF));background:linear-gradient(90deg,#00d4ff,#7b2cbf);border-radius:6px;transition:width .3s ease}.income-projections{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.income-projection-item{text-align:center;padding:6px;background:rgba(0,0,0,.2);border-radius:6px}.income-projection-label{font-size:10px;color:rgba(255,255,255,.6);margin-bottom:2px}.income-projection-value{font-size:12px;font-weight:600;color:#0f8}.marketing-optimizer,.advanced-analytics-dashboard,.export-system,.settings-panel,.performance-monitoring-dashboard{display:none!important}.mobile-performance-widget{z-index:1500!important}.focus-mode-toggle{position:fixed;top:16px;right:16px;z-index:1600;background:rgba(123,44,191,.9);border:1px solid #7B2CBF;border-radius:8px;color:#fff;padding:8px 12px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.focus-mode-toggle:hover{background:#7b2cbf;transform:translateY(-1px);box-shadow:0 4px 8px rgba(123,44,191,.3)}@supports (padding: max(0px)){.genealogy-page,.dashboard-container{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}}}@media screen and (max-width: 768px) and (orientation: landscape){.genealogy-page,.dashboard-container{grid-template-areas:"tree controls stats";grid-template-columns:1fr auto 250px;grid-template-rows:1fr;gap:8px}.genealogy-tree-container{max-height:none;height:100%}.tree-controls{flex-direction:column;width:80px}.team-performance-container{width:250px;height:100%;overflow-y:auto}}.focus-mode-active .team-performance-container,.focus-mode-active .tree-controls,.focus-mode-active .mobile-performance-widget{opacity:.1;pointer-events:none;transition:opacity .3s ease}.focus-mode-active .genealogy-tree-container{grid-area:tree;grid-column:1 / -1;grid-row:1 / -1}.focus-mode-active:hover .team-performance-container,.focus-mode-active:hover .tree-controls,.focus-mode-active:hover .mobile-performance-widget{opacity:.8;pointer-events:auto}:root{--touch-target-min: 44px;--touch-target-comfort: 48px;--z-background: 0;--z-content: 10;--z-sidebar: 100;--z-navigation: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--z-performance-monitor: 150;--z-mobile-nav: 250;--mobile-s: 320px;--mobile-m: 375px;--mobile-l: 425px;--tablet: 768px;--desktop: 1024px;--font-size-xs: clamp(.75rem, 2vw, .875rem);--font-size-sm: clamp(.875rem, 2.5vw, 1rem);--font-size-base: clamp(1rem, 3vw, 1.125rem);--font-size-lg: clamp(1.125rem, 3.5vw, 1.25rem);--font-size-xl: clamp(1.25rem, 4vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 5vw, 2rem);--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 2vw, .75rem);--space-md: clamp(.75rem, 3vw, 1rem);--space-lg: clamp(1rem, 4vw, 1.5rem);--space-xl: clamp(1.5rem, 5vw, 2rem);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}@media screen and (max-width: 768px){.dashboard-container{display:grid;grid-template-areas:"header" "main" "performance";grid-template-rows:auto 1fr auto;min-height:100vh;padding:var(--space-sm);grid-gap:var(--space-md);gap:var(--space-md);overflow-x:hidden;position:relative}.dashboard-header{grid-area:header;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-navigation);background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-sm)}.dashboard-main{grid-area:main;display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md);min-height:0}.mobile-performance-widget{z-index:var(--z-performance-monitor)!important;position:fixed!important;pointer-events:auto;touch-action:manipulation}.desktop-only{display:none!important}.balance-cards-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md)}.balance-card{background:rgba(26,26,46,.9);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:var(--touch-target-comfort)}.balance-card-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);font-size:var(--font-size-lg);font-weight:600;color:#00d4ff}.balance-card-value{font-size:var(--font-size-2xl);font-weight:700;color:#fff;margin-bottom:var(--space-sm)}.balance-card-description{font-size:var(--font-size-sm);color:rgba(255,255,255,.7);line-height:1.4}.mobile-nav-tabs{display:-ms-flexbox;display:flex;background:rgba(0,0,0,.8);border-radius:var(--radius-lg);padding:var(--space-xs);margin-bottom:var(--space-md);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.mobile-nav-tabs::-webkit-scrollbar{display:none}.mobile-nav-tab{flex:0 0 auto;padding:var(--space-sm) var(--space-lg);min-height:var(--touch-target-min);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:rgba(255,255,255,.7);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-nav-tab.active{background:rgba(0,212,255,.1);border-color:#00d4ff;color:#00d4ff}.mobile-nav-tab:hover,.mobile-nav-tab:focus{background:rgba(0,212,255,.05);transform:translateY(-1px)}.mobile-action-button{min-height:var(--touch-target-comfort);min-width:var(--touch-target-comfort);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#00d4ff,#7b2cbf);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-action-button:hover,.mobile-action-button:focus{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,255,.4)}.mobile-action-button:active{transform:translateY(0)}.mobile-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.team-performance-mobile{background:rgba(26,26,46,.9);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid rgba(0,212,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.team-performance-header{display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.team-performance-title{font-size:var(--font-size-lg);font-weight:600;color:#00d4ff;display:-ms-flexbox;display:flex;align-items:center;gap:var(--space-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-item{background:rgba(0,0,0,.3);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;border:1px solid rgba(255,255,255,.1);transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px);border-color:rgba(0,212,255,.3)}.stat-label{font-size:var(--font-size-xs);color:rgba(255,255,255,.7);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:#0f8}.skeleton-loader{background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(255,255,255,.2)),to(rgba(255,255,255,.1)));background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.2),rgba(255,255,255,.1));background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-text{height:1.2em;margin-bottom:var(--space-sm)}.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-md)}.skeleton-value{height:2em;width:80%}}@media screen and (max-width: 768px) and (orientation: landscape){.dashboard-container{grid-template-areas:"header header" "main performance";grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;padding:var(--space-sm)}.dashboard-main{overflow-y:auto;max-height:calc(100vh - 120px)}.team-performance-mobile{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.stats-grid{grid-template-columns:1fr 1fr}}@media screen and (min-width: 769px) and (max-width: 1024px){.dashboard-container{grid-template-areas:"header header header" "main main performance";grid-template-columns:1fr 1fr 350px;grid-template-rows:auto 1fr;padding:var(--space-lg)}.balance-cards-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus{outline:2px solid #00D4FF;outline-offset:2px}@media (prefers-contrast: high){.balance-card,.team-performance-mobile,.mobile-nav-tab{border-width:2px}.balance-card-value,.stat-value{text-shadow:0 0 4px currentColor}}.error-state{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.error-state-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.error-state-title{font-size:var(--font-size-lg);font-weight:600;color:#ff6b6b;margin-bottom:var(--space-sm)}.error-state-message{font-size:var(--font-size-sm);color:rgba(255,255,255,.7);margin-bottom:var(--space-lg)}.error-retry-button{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-lg);background:rgba(255,107,107,.2);border:1px solid #FF6B6B;border-radius:var(--radius-md);color:#ff6b6b;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.error-retry-button:hover{background:rgba(255,107,107,.3);transform:translateY(-1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.no-scroll{overflow:hidden}.smooth-scroll{scroll-behavior:smooth}@supports (padding: max(0px)){.dashboard-container{padding-top:max(var(--space-sm),env(safe-area-inset-top));padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom));padding-left:max(var(--space-sm),env(safe-area-inset-left));padding-right:max(var(--space-sm),env(safe-area-inset-right))}}.loading-placeholder{display:-ms-flexbox;display:flex;align-items:center;justify-content:center;min-height:100px;padding:20px;background:rgba(26,26,46,.5);border-radius:12px;border:1px dashed rgba(0,212,255,.3);margin:16px 0}.loading-placeholder p{color:rgba(255,255,255,.7);font-size:14px;margin:0;text-align:center}.error-safe{color:#ff4757!important;background:rgba(255,71,87,.1)!important;border:1px solid rgba(255,71,87,.3)!important;border-radius:8px!important;padding:12px!important;margin:8px 0!important}@media (max-width: 768px){*{box-sizing:border-box!important}.dashboard-main,.main-content-area,.dashboard-content{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;padding:10px!important}.genealogy-container,.tree-container{width:100%!important;height:calc(100vh - 140px)!important;max-width:100vw!important;overflow:hidden!important;position:relative!important;z-index:1!important}.dashboard-tools-bar,.tools-section,.advanced-analytics,.detailed-breakdown,.complex-widgets,.desktop-only-component{display:none!important}.btn,.button,.action-btn,.main-action-btn,.quick-action-card{min-height:48px!important;padding:12px 16px!important;margin:8px 4px!important;border-radius:8px!important;font-size:14px!important;line-height:1.2!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;cursor:pointer!important}h1,h2,h3,h4,h5,h6{font-size:clamp(16px,4vw,24px)!important;line-height:1.2!important;margin:8px 0!important;word-wrap:break-word!important}p,span,div{font-size:clamp(12px,3.5vw,16px)!important;line-height:1.4!important;word-wrap:break-word!important}.balance-cards-grid,.earnings-breakdown-grid,.quick-actions-grid{display:grid!important;grid-template-columns:1fr!important;grid-gap:12px!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important}.balance-card,.earnings-breakdown-card,.quick-action-card{width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;border-radius:12px!important;background:rgba(26,26,46,.9)!important;border:1px solid rgba(0,212,255,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;z-index:99999!important;background:rgba(0,0,0,.9)!important;display:-ms-flexbox!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.modal-content{width:100%!important;max-width:calc(100vw - 40px)!important;max-height:calc(100vh - 40px)!important;background:rgba(26,26,46,.98)!important;border-radius:16px!important;padding:20px!important;overflow-y:auto!important;border:2px solid rgba(0,212,255,.3)!important}.mobile-nav,.mobile-navigation,.bottom-navigation{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:70px!important;background:rgba(26,26,46,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(0,212,255,.3)!important;z-index:10000!important;display:-ms-flexbox!important;display:flex!important;justify-content:space-around!important;align-items:center!important;padding:0 16px!important}.mobile-header,.optimized-dashboard-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:60px!important;background:rgba(26,26,46,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(0,212,255,.3)!important;z-index:9999!important;display:-ms-flexbox!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 16px!important}.main-content,.page-content,.dashboard-content{padding:80px 10px 90px!important;margin:0!important;min-height:calc(100vh - 170px)!important}.loading-spinner,.spinner{animation:spin 1s linear infinite!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{overflow-x:hidden!important;width:100%!important;max-width:100vw!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}button,.btn,.action-btn,[role=button]{-webkit-tap-highlight-color:rgba(0,212,255,.3)!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;cursor:pointer!important}}@media (min-width: 769px){.dashboard-page{display:-ms-flexbox!important;display:flex!important;min-height:100vh!important;width:100%!important;overflow-x:hidden!important}.dashboard-main{flex:1!important;min-width:0!important;padding:20px!important}.sidebar{width:280px!important;min-width:280px!important;position:fixed!important;left:0!important;top:0!important;height:100vh!important;z-index:1000!important}.dashboard-main.with-sidebar{margin-left:280px!important}}.connection-error{background:rgba(255,71,87,.1)!important;border:1px solid rgba(255,71,87,.3)!important;color:#ff4757!important;padding:16px!important;border-radius:8px!important;margin:16px 0!important;text-align:center!important}.connection-retry-btn{background:rgba(0,212,255,.2)!important;border:1px solid #00D4FF!important;color:#00d4ff!important;padding:12px 24px!important;border-radius:8px!important;cursor:pointer!important;margin-top:12px!important}.connection-retry-btn:hover{background:rgba(0,212,255,.3)!important}.hw-accelerated{transform:translateZ(0)!important;will-change:transform!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button:focus,.btn:focus,[role=button]:focus{outline:2px solid #00D4FF!important;outline-offset:2px!important}@media print{.mobile-nav,.mobile-navigation,.modal-overlay,.floating-elements{display:none!important}}