.support-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.support-modal-content{background:var(--card-bg);border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out;position:relative}.support-modal-header{display:flex;justify-content:flex-end;padding:1.5rem 1.5rem 0}.support-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.support-modal-close:hover{background:var(--border-color);color:var(--text-color)}.support-modal-body{padding:0 2rem 3rem;text-align:center}.support-title{font-size:3rem;font-weight:700;color:var(--text-color);margin:0;background:linear-gradient(135deg,#6d28d9,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}body.dark .support-modal-content{background:var(--card-bg);border:1px solid var(--border-color)}body.dark .support-title{background:linear-gradient(135deg,#a78bfa,#c084fc);background-clip:text;-webkit-background-clip:text;color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.support-modal-content{margin:1rem;max-width:calc(100vw - 2rem);border-radius:16px}.support-modal-header{padding:1rem 1rem 0}.support-modal-body{padding:0 1.5rem 2rem}.support-title{font-size:2.5rem}}.debug-panel{position:fixed;top:20px;right:20px;width:400px;max-height:calc(100vh - 40px);background:#111827f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.3);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;z-index:9999;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;color:#e5e7eb;display:flex;flex-direction:column;transition:all .3s ease;resize:both;overflow:hidden;min-width:300px;min-height:200px}.debug-panel.minimized{height:60px;resize:none}.debug-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1f2937cc;border-bottom:1px solid rgba(75,85,99,.3);border-radius:12px 12px 0 0;cursor:move;-webkit-user-select:none;user-select:none}.debug-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.debug-panel-count{background:#3b82f633;color:#60a5fa;padding:2px 6px;border-radius:4px;font-size:11px}.debug-panel-controls{display:flex;gap:4px}.debug-btn{background:#4b556380;border:1px solid rgba(107,114,128,.3);border-radius:4px;padding:4px 6px;cursor:pointer;transition:all .2s ease;font-size:12px}.debug-btn:hover{background:#6b7280b3;transform:scale(1.05)}.debug-btn.clear-btn:hover,.debug-btn.close-btn:hover{background:#ef44444d}.debug-panel-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.debug-panel-content.collapsed{display:none}.debug-panel-stats{display:flex;gap:12px;padding:8px 16px;background:#1f293780;border-bottom:1px solid rgba(75,85,99,.2)}.debug-stat{display:flex;flex-direction:column;align-items:center;font-size:10px}.debug-stat-label{color:#9ca3af;margin-bottom:2px}.debug-stat-value{font-weight:600;color:#e5e7eb}.debug-stat-value.error{color:#f87171}.debug-stat-value.success{color:#34d399}.debug-panel-logs{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:rgba(107,114,128,.5) transparent}.debug-panel-logs::-webkit-scrollbar{width:6px}.debug-panel-logs::-webkit-scrollbar-track{background:transparent}.debug-panel-logs::-webkit-scrollbar-thumb{background:#6b728080;border-radius:3px}.debug-panel-logs::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.debug-no-logs{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:#6b7280;text-align:center}.debug-no-logs small{margin-top:4px;font-size:10px;opacity:.7}.debug-log-item{margin-bottom:8px;padding:8px 12px;background:#1f293799;border-left:3px solid #6b7280;border-radius:0 6px 6px 0;transition:all .2s ease}.debug-log-item:hover{background:#1f2937cc;transform:translate(2px)}.debug-log-item.error{border-left-color:#ef4444;background:#ef44441a}.debug-log-item.success{border-left-color:#10b981;background:#10b9811a}.debug-log-item.warning{border-left-color:#f59e0b;background:#f59e0b1a}.debug-log-item.debug{border-left-color:#8b5cf6;background:#8b5cf61a}.debug-log-item.network{border-left-color:#3b82f6;background:#3b82f61a}.debug-log-item.step{border-left-color:#84cc16;background:#84cc161a}.debug-log-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.debug-log-icon{font-size:14px}.debug-log-timestamp{color:#9ca3af;font-size:10px;font-family:monospace}.debug-log-type{background:#4b556380;color:#d1d5db;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.5px}.debug-log-message{color:#e5e7eb;line-height:1.4;word-wrap:break-word}.debug-log-data,.debug-log-error{margin-top:6px}.debug-log-data details,.debug-log-error details{cursor:pointer}.debug-log-data summary,.debug-log-error summary{color:#9ca3af;font-size:10px;padding:2px 4px;background:#4b55634d;border-radius:3px;outline:none;-webkit-user-select:none;user-select:none}.debug-log-data summary:hover,.debug-log-error summary:hover{background:#4b556380}.debug-log-data pre,.debug-log-error pre{margin:4px 0 0;padding:8px;background:#111827cc;border:1px solid rgba(75,85,99,.3);border-radius:4px;font-size:10px;line-height:1.3;overflow-x:auto;color:#d1d5db}@media (max-width: 768px){.debug-panel{width:calc(100vw - 40px);right:20px;left:20px;max-height:50vh}}@media (max-width: 480px){.debug-panel{top:10px;right:10px;left:10px;width:auto;font-size:11px}.debug-panel-header{padding:8px 12px}.debug-panel-title{font-size:12px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.debug-panel{animation:slideInRight .3s ease-out}.debug-log-item.error .debug-log-icon{animation:pulse 1s infinite}.content-container.fullscreen-layout,.dashboard-main-content.fullscreen-layout{padding:0!important;margin-left:0!important}.content-container.timewall-fullscreen,.dashboard-main-content.timewall-fullscreen{padding:0!important}@media (min-width: 769px) and (max-width: 1024px) and (min-height: 1034px){.content-container.timewall-fullscreen,.dashboard-main-content.timewall-fullscreen{margin-top:23px!important}}@media (min-width: 1025px){.user-dashboard-layout:not(.sidebar-collapsed) .content-container.timewall-fullscreen,.user-dashboard-layout:not(.sidebar-collapsed) .dashboard-main-content.timewall-fullscreen{margin-left:130px!important}.user-dashboard-layout.sidebar-collapsed .content-container.timewall-fullscreen,.user-dashboard-layout.sidebar-collapsed .dashboard-main-content.timewall-fullscreen{margin-left:70px!important}}.content-container.fullscreen-layout .dashboard-container,.dashboard-main-content.fullscreen-layout .dashboard-container,.fullscreen-layout .dashboard-container,.dashboard-container.dashboard-fullscreen{padding:0 1.5rem!important;max-width:1400px;margin:0 auto;box-sizing:border-box}.user-dashboard-layout.sidebar-collapsed .dashboard-main-content.fullscreen-layout{margin-left:0!important}.fullscreen-page-container{min-height:100vh;transition:all .7s ease;position:relative;overflow-y:auto;z-index:1;width:100%;margin:0;padding:0}.fullscreen-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.fullscreen-main-content{max-width:none;margin:0;padding:3rem 1.5rem;position:relative;z-index:1;width:100%}@media (max-width: 768px){.fullscreen-header{padding:1rem}.fullscreen-main-content{padding:2rem 1rem}.content-container.fullscreen-layout .dashboard-container,.dashboard-main-content.fullscreen-layout .dashboard-container,.fullscreen-layout .dashboard-container,.dashboard-container.dashboard-fullscreen{padding:0 1rem!important}}@media (max-width: 480px){.fullscreen-main-content{padding:1.5rem .75rem}.content-container.fullscreen-layout .dashboard-container,.dashboard-main-content.fullscreen-layout .dashboard-container,.fullscreen-layout .dashboard-container,.dashboard-container.dashboard-fullscreen{padding:0 .75rem!important}}:root{--primary-color: #6d28d9;--primary-hover: #5b21b6;--secondary-color: #10b981;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--card-bg: #ffffff;--error-color: #ef4444;--success-color: #22c55e;--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-yellow: #fbbf24;--accent-orange: #f97316;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-color: #8b5cf6;--gradient-primary: linear-gradient(135deg, #6d28d9, #8b5cf6);--gradient-secondary: linear-gradient(135deg, #10b981, #22c55e);--gradient-accent: linear-gradient(135deg, #3b82f6, #60a5fa);--gradient-warm: linear-gradient(135deg, #f97316, #fbbf24);--gradient-cool: linear-gradient(135deg, #06b6d4, #0891b2);--gradient-pink: linear-gradient(135deg, #ec4899, #f472b6);--shadow-primary: 0 4px 20px rgba(109, 40, 217, .15);--shadow-secondary: 0 4px 20px rgba(16, 185, 129, .15);--shadow-accent: 0 4px 20px rgba(59, 130, 246, .15);--background-color: #f8fafc;--text-color: #1f2937;--border-color: #e5e7eb;--text-medium: #6b7280;--user-sidebar-bg: #f8fafc}body.dark{--primary-color: #8B5CF6;--primary-hover: #7c3aed;--secondary-color: #10b981;--background-color: #0f172a;--text-color: #f1f5f9;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--card-bg: #1e293b;--border-color: #334155;--error-color: #f87171;--success-color: #34d399;--accent-purple: #a78bfa;--accent-blue: #60a5fa;--accent-green: #34d399;--accent-yellow: #fcd34d;--accent-orange: #fb923c;--accent-pink: #f472b6;--accent-cyan: #22d3ee;--accent-color: #a78bfa;--gradient-primary: linear-gradient(135deg, #8b5cf6, #a78bfa);--gradient-secondary: linear-gradient(135deg, #10b981, #34d399);--gradient-accent: linear-gradient(135deg, #3b82f6, #60a5fa);--gradient-warm: linear-gradient(135deg, #f97316, #fcd34d);--gradient-cool: linear-gradient(135deg, #06b6d4, #22d3ee);--gradient-pink: linear-gradient(135deg, #ec4899, #f472b6);--shadow-primary: 0 4px 25px rgba(139, 92, 246, .25);--shadow-secondary: 0 4px 25px rgba(16, 185, 129, .25);--shadow-accent: 0 4px 25px rgba(59, 130, 246, .25);--user-sidebar-bg: #1e293b}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--background-color)!important;color:var(--text-color)!important;transition:background .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:#ffffff2e;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-radius:1.25rem;box-shadow:0 8px 32px #0000002e;max-width:520px;width:100%;margin:2.5rem 0;display:flex;flex-direction:column;align-items:stretch;color:#232946;padding:2.2rem 2rem 1.5rem}.auth-card .form-input{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.3)!important;color:#1f2937!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card .form-input::placeholder{color:#1f2937b3!important;opacity:1}.auth-card .form-input:focus{background:#ffffff26!important;border-color:var(--primary-color)!important;color:#1f2937!important;box-shadow:0 0 0 3px #6d28d91a!important}.auth-header{margin-bottom:2rem}.auth-logo{color:var(--primary-color);height:40px;width:40px;margin-bottom:1rem}.auth-title{color:#fff!important;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:#b0bec5;font-size:1rem;margin-bottom:1.5rem}.auth-tabs{width:100%;margin-bottom:1.5rem;gap:.5rem}.auth-tabs .btn{width:100%;font-weight:700;color:#b0bec5;background:transparent}.auth-tabs .btn.btn-primary,.auth-tabs .btn.active{margin-top:5px;margin-bottom:5px;color:#fff!important;background:var(--gradient-secondary);border-radius:.5rem;box-shadow:var(--shadow-secondary)}.auth-tabs .btn:not(.btn-primary):not(.active){color:#ffffffb3!important;opacity:1;background:transparent}.auth-tabs .btn:not(.btn-primary):not(.active):hover{color:#ffffffe6!important;opacity:1}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group,.form-row>div{flex:1 1 45%}.form-group{margin-bottom:2rem;text-align:left}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{width:100%;min-width:0;max-width:100%;padding:1.15rem 1.25rem;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#1f2937;border-radius:.5rem;font-size:1rem;margin-bottom:0;transition:border-color .2s,box-shadow .2s,background-color .2s;box-sizing:border-box;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder{color:#1f2937b3;opacity:1}.form-input:focus{border-color:var(--primary-color);background:#ffffff26;color:#1f2937;outline:none;box-shadow:0 0 0 3px #6d28d91a}.btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:.75rem}.btn-primary{background:var(--gradient-secondary);color:#fff;font-weight:700;font-size:1.1rem;border-radius:.5rem;width:100%;margin-top:1rem;margin-bottom:.5rem;box-shadow:var(--shadow-secondary);position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-secondary),0 8px 25px #10b9814d;filter:brightness(1.1)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-primary,.google-btn{width:100%;min-height:48px;font-size:1.08rem;font-weight:700;border-radius:.5rem;margin-top:1rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.google-btn{background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.95));color:var(--text-color);box-shadow:var(--shadow-secondary),0 2px 0 var(--accent-green);border:2px solid var(--accent-green);font-weight:700;margin-top:1rem;margin-bottom:.5rem;transition:all .3s ease;padding:.75rem 0;border-radius:.5rem;gap:.7rem;position:relative;overflow:hidden}.google-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary),0 8px 30px #10b98140;border-color:var(--secondary-color);background:linear-gradient(135deg,var(--card-bg),var(--success-color));color:#fff}.google-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s ease}.google-btn:hover:before{left:100%}.forgot-password-link{color:#00dfa2;font-size:.98rem;font-weight:600;text-decoration:underline;float:none;display:block;text-align:right;margin-top:.2rem;margin-bottom:.5rem;transition:color .2s}.forgot-password-link:hover{color:#00b37a}.navbar{background-color:var(--card-bg);padding:.75rem 1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:1rem}.navbar-left,.navbar-right{display:flex;align-items:center;gap:1.5rem}.navbar-center{flex-grow:1}.navbar-logo{color:var(--primary-color);height:32px;width:32px}.navbar-links{display:flex;gap:1.5rem}.navbar-links a{text-decoration:none;color:var(--text-color);font-weight:500;padding:.5rem .25rem;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.navbar-links a:hover{color:var(--primary-color)}.navbar-links a.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.user-points{display:flex;align-items:center;gap:.5rem;font-weight:600;background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.9rem;box-shadow:var(--shadow-primary);transition:all .3s ease;cursor:pointer}.user-points:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary),0 6px 20px #6d28d940}.user-points-badge{background:var(--gradient-accent);color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #3b82f64d}.navbar-mobile-menu{display:none}@media (max-width: 768px){.navbar-links,.navbar-center{display:none}.navbar-left{flex-grow:1}.navbar-mobile-menu{display:flex}.user-points span:first-child{display:none}.user-points{padding:.5rem}}.user-dashboard-layout{display:flex;transition:all .3s ease;width:100%;min-width:100%;margin:0;padding:0}.dashboard-main-content{flex-grow:1;min-height:100vh;margin-left:260px;transition:margin-left .4s cubic-bezier(.25,.8,.25,1);width:calc(100% - 260px);box-sizing:border-box}.content-container{padding:0;max-width:none;margin:0;width:100%;position:relative;box-sizing:border-box}.content-container>*{padding:0 2rem 2rem;max-width:100%;box-sizing:border-box}.page-container,.category-page-container,.wallet-page-container,.surveys-page-container,.profile-page-container,.referrals-page-container,.tareas-page,.dashboard-container,.dashboard-page,.my-aliexpress-orders-page,.my-orders-page{padding-top:88px!important;min-height:calc(100vh - 6rem)}@media (max-width: 1024px){.page-container,.category-page-container,.wallet-page-container,.surveys-page-container,.profile-page-container,.referrals-page-container,.tareas-page,.dashboard-container,.dashboard-page,.my-aliexpress-orders-page,.my-orders-page{padding-top:88px!important;min-height:calc(100vh - 5rem)}}.aliexpress-loading-screen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:1090!important;padding:0!important;margin:0!important}.user-sidebar{position:fixed;top:0;left:0;z-index:1000;width:260px;height:100vh;background-color:var(--user-sidebar-bg);color:var(--text-color);border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;box-sizing:border-box;flex-shrink:0;overflow:visible;transition:width .4s cubic-bezier(.25,.8,.25,1),background-color .3s ease,border-color .3s ease}.user-sidebar:has(.unified-header){display:none}.user-sidebar .unified-header{display:flex!important}.sidebar-profile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;padding:1.5rem;width:100%;min-height:88px;box-sizing:border-box;position:relative;flex-shrink:0;background-color:var(--user-sidebar-bg);border-bottom:1px solid var(--border-color);transition:background-color .2s ease,border-color .2s ease}.profile-info{display:flex;flex-direction:column;align-items:center}.profile-name{font-weight:600;font-size:1.1rem;color:var(--text-light);text-align:center}.profile-level{font-size:.8rem;color:var(--text-medium);text-align:center}@media (max-width: 768px){.user-sidebar{width:100%;left:0;align-items:center;padding:2rem .5rem}.sidebar-profile{align-items:center;justify-content:center}}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:1rem .5rem;overflow:visible;transition:padding .4s cubic-bezier(.25,.8,.25,1)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#6d28d94d;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6d28d980}.sidebar-nav a{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;margin-bottom:.5rem;border-radius:.5rem;text-decoration:none;color:var(--text-medium);font-weight:500;transition:background-color .2s ease,color .2s ease,transform .2s ease}.sidebar-nav a:hover{background-color:var(--user-bg-secondary);color:var(--text-light)}.sidebar-nav a.active{background-color:#7c3aed!important;color:#fff!important;box-shadow:0 2px 8px #7c3aed4d!important}.sidebar-footer{display:flex;flex-direction:column;gap:1rem;flex-shrink:0;padding:1rem .5rem 1.5rem;width:100%;transition:all .4s cubic-bezier(.25,.8,.25,1)}.unified-header .sidebar-toggle{position:static;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-primary);margin-left:auto;margin-right:1rem}.sidebar-toggle{position:absolute;top:20px;transform:none;right:-20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-primary);z-index:1000}.sidebar-toggle:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);transform:none}body.dark .sidebar-toggle{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}body.dark .sidebar-toggle:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);transform:none}.user-sidebar.collapsed{width:70px;padding:0;align-items:center}.user-sidebar.collapsed .sidebar-toggle{right:-60px;top:20px;transform:none;position:absolute}.user-sidebar.collapsed .sidebar-profile{padding:1.5rem .5rem;justify-content:center;border-bottom:1px solid var(--border-color);width:100%;min-height:88px;box-sizing:border-box}.user-sidebar.collapsed .sidebar-nav{padding:.5rem;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center}.user-sidebar.collapsed .sidebar-nav a{justify-content:center;align-items:center;padding:0;width:48px;height:48px;min-height:48px;min-width:48px;gap:0;margin-bottom:.5rem;border-radius:50%!important;position:relative;overflow:visible;display:flex}.user-sidebar.collapsed .sidebar-nav a.active,.user-sidebar.collapsed .sidebar-nav a:hover{border-radius:50%!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.user-sidebar.collapsed .sidebar-nav a:hover:after{content:attr(title);position:absolute;left:60px;top:50%;transform:translateY(-50%);background:var(--card-bg);color:var(--text-color);padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;white-space:nowrap;box-shadow:var(--shadow-accent);border:1px solid var(--border-color);z-index:1000;opacity:1;pointer-events:none;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.user-sidebar.collapsed .sidebar-footer{align-items:center;width:100%;padding:.5rem;border-top:1px solid var(--border-color)}.user-sidebar.collapsed .btn-logout{justify-content:center;align-items:center;padding:0;width:48px;height:48px;min-height:48px;min-width:48px;border-radius:50%;gap:0;position:relative;display:flex}.user-sidebar.collapsed .btn-logout:hover:after{content:attr(title);position:absolute;left:60px;top:50%;transform:translateY(-50%);background:var(--card-bg);color:var(--text-color);padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;white-space:nowrap;box-shadow:var(--shadow-accent);border:1px solid var(--border-color);z-index:1000;opacity:1;pointer-events:none;animation:tooltipFadeIn .2s ease-out}.sidebar-nav a,.btn-logout,.profile-avatar{transition:all .3s cubic-bezier(.4,0,.2,1)}.user-dashboard-layout.sidebar-collapsed .dashboard-main-content{margin-left:70px;width:calc(100% - 70px)}.sidebar-nav a{transition:all .3s ease}.profile-info{transition:opacity .3s ease}.balance-card{background-color:var(--user-bg-secondary);padding:1rem;border-radius:.75rem;text-align:center}.balance-label{font-size:.8rem;color:var(--text-medium);display:block}.balance-amount{font-size:1.75rem;font-weight:700;color:var(--text-light);display:block}.btn-withdraw{background-color:var(--user-secondary);color:#181f2a;width:100%;padding:.8rem;border:none;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-withdraw:hover{background-color:#34d399}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{margin:0;font-size:1.75rem;font-weight:600}.btn-premium{background-color:var(--user-accent-yellow);color:#422006;border:none;padding:.6rem 1.25rem;border-radius:99px;font-weight:600;cursor:pointer}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.dashboard-stat-card,.level-card{padding:1.5rem;border-radius:1rem;color:#fff;display:flex;gap:1.5rem;align-items:center;box-shadow:0 4px 6px #0000001a}.dashboard-stat-card.green{background:linear-gradient(135deg,#22c55e,#15803d)}.dashboard-stat-card.yellow{background:linear-gradient(135deg,#fbbf24,#d97706)}.level-card{background:linear-gradient(135deg,#60a5fa,#2563eb)}.stat-card-icon{font-size:2.5rem;opacity:.8}.stat-card-info{display:flex;flex-direction:column}.stat-card-title{font-size:1rem;font-weight:500;opacity:.9}.stat-card-value{font-size:2.25rem;font-weight:700}.stat-card-subtext{font-size:.8rem;opacity:.8;margin-top:.25rem}.level-card{flex-direction:column;align-items:stretch;gap:.75rem}.level-info{display:flex;justify-content:space-between;font-weight:500;font-size:.9rem}.progress-bar-background{height:8px;width:100%;background-color:#fff3;border-radius:4px}.progress-bar-foreground{height:100%;background-color:#fff;border-radius:4px;transition:width .5s ease-out}.dashboard-section{margin-top:3rem}.dashboard-section h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.dashboard-section>p{margin-top:0;color:var(--text-medium);margin-bottom:1.5rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.quick-action-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:1rem;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.quick-action-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0003}.quick-action-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.quick-action-title{font-weight:600;display:block;margin-top:.75rem}.quick-action-reward{font-size:.9rem;color:var(--user-secondary);font-weight:500}.dashboard-columns{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:1.5rem}.activity-feed ul{list-style:none;padding:0;margin:0}.activity-feed li{display:flex;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border-color)}.activity-feed li:last-child{border-bottom:none}.activity-icon{font-size:1.5rem}.activity-details{flex-grow:1}.activity-details span{display:block;font-weight:500}.activity-details small{color:var(--text-medium)}.activity-amount.green{color:var(--user-secondary);font-weight:600}.wallet-page-container{padding:2rem;max-width:1200px;margin:0 auto}.wallet-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.wallet-header-icon{font-size:2.5rem}.wallet-header h1{margin:0;font-size:2rem}.wallet-header p{margin:0;color:var(--text-medium)}.wallet-balance-card{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;padding:2rem;border-radius:1.25rem;text-align:center;margin-bottom:1.5rem}.balance-label{font-size:1rem;font-weight:500;opacity:.8}.balance-amount-large{font-size:3rem;font-weight:800;margin:.5rem 0}.balance-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.balance-actions .btn-action{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1.5rem;border-radius:99px;cursor:pointer;font-weight:500}.wallet-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.wallet-stat-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:1rem;text-align:center}.wallet-stat-value{font-size:1.75rem;font-weight:700;display:block}.wallet-stat-label{font-size:.9rem;color:var(--text-medium)}.wallet-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem}@media (max-width: 992px){.wallet-columns{grid-template-columns:1fr}}.withdrawal-section .form-input{background-color:var(--user-bg);border-color:var(--border-color);color:var(--text-light)}.payment-method{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border-color);border-radius:.75rem;margin:1.5rem 0}.payment-method.selected{border-color:var(--user-secondary)}.payment-method-icon{font-size:1.5rem}.payment-method-details{flex-grow:1}.payment-method-details strong,.payment-method-details span{display:block}.payment-method-details span{font-size:.8rem;color:var(--text-medium)}.payment-method-status{font-size:.8rem;font-weight:600;color:var(--user-secondary)}.transaction-item{border-bottom:1px solid var(--border-color)}.transaction-status{font-size:.8rem;font-weight:500;padding:.2rem .5rem;border-radius:99px;text-transform:capitalize}.transaction-status-completed{background-color:#22c55e1a;color:#22c55e}.transaction-status-pending{background-color:#f59e0b1a;color:#f59e0b}.transaction-status-rejected{background-color:#ef44441a;color:#ef4444}.transaction-info{text-align:right}.transaction-amount{font-weight:600;display:block}.transaction-amount.amount-credit{color:#22c55e}.transaction-amount.amount-debit{color:#ef4444}.transaction-amount small{font-size:.8rem}.btn-view-all{background:none;border:1px solid var(--border-color);color:var(--text-medium);width:100%;padding:.75rem;border-radius:.5rem;margin-top:1rem;cursor:pointer}@media (max-width: 1023px){.mobile-wallet .wallet-page-container{padding:1rem;margin:0;max-width:100%}.mobile-wallet .wallet-header{margin-bottom:1.5rem}.mobile-wallet .wallet-header-icon{font-size:2rem}.mobile-wallet .wallet-header h1{font-size:1.75rem;margin:0}.mobile-wallet .wallet-balance-card{padding:1.5rem;margin-bottom:1.5rem;border-radius:1rem;box-shadow:0 4px 20px #10b98126}.mobile-wallet .balance-amount-large{font-size:2rem;font-weight:800;display:block;margin-bottom:.5rem}.mobile-wallet .balance-sub-amount{font-size:1rem;opacity:.9}.mobile-wallet-layout{display:flex;flex-direction:column;gap:1.5rem}.mobile-wallet .wallet-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.mobile-wallet .wallet-stat-card{padding:1rem;border-radius:.75rem;text-align:center}.mobile-wallet .wallet-stat-value{font-size:1.25rem;font-weight:700}.mobile-wallet .wallet-stat-label{font-size:.8rem;margin-top:.25rem}.mobile-withdrawal-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.mobile-withdrawal-section h2{font-size:1.25rem;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.mobile-withdrawal-section .form-group{margin-bottom:1.5rem}.mobile-withdrawal-section .form-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.9rem;color:var(--text-primary)}.mobile-withdrawal-section .form-input{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.mobile-withdrawal-section .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.mobile-withdrawal-section small{display:block;color:var(--text-secondary);font-size:.8rem;margin-top:.5rem;line-height:1.4}.mobile-payment-method{display:flex;align-items:center;gap:1rem;background:rgba(var(--success-color-rgb),.1);border:1px solid var(--success-color);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.mobile-payment-method .payment-icon{font-size:1.5rem}.mobile-payment-method .payment-info{flex:1}.mobile-payment-method .payment-info strong{display:block;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.mobile-payment-method .payment-info span{font-size:.85rem;color:var(--text-secondary)}.btn-withdraw-mobile{width:100%;background:var(--gradient-primary);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.btn-withdraw-mobile:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}.btn-withdraw-mobile:active{transform:translateY(0)}.btn-withdraw-mobile:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.mobile-history-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.mobile-history-section h2{font-size:1.25rem;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.mobile-transactions-list{list-style:none;padding:0;margin:0}.mobile-wallet .transaction-item{background:var(--input-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:1rem}.mobile-wallet .transaction-icon{font-size:1.5rem;width:40px;height:40px;border-radius:50%;background:rgba(var(--error-color-rgb),.1);display:flex;align-items:center;justify-content:center}.mobile-wallet .transaction-details{flex:1;min-width:0}.mobile-wallet .transaction-title{display:block;font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.25rem}.mobile-wallet .transaction-date{font-size:.8rem;color:var(--text-secondary)}.mobile-wallet .transaction-info{text-align:right}.mobile-wallet .transaction-amount{display:block;font-weight:600;font-size:.9rem;margin-bottom:.25rem}.mobile-wallet .transaction-amount.amount-debit{color:var(--error-color)}.mobile-wallet .transaction-amount small{display:block;font-size:.75rem;opacity:.8;font-weight:500}.mobile-wallet .transaction-status{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;text-transform:uppercase}.mobile-empty-history{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.mobile-empty-history span{font-size:3rem;display:block;margin-bottom:1rem;opacity:.5}.mobile-empty-history p{margin:0;font-size:1rem;font-weight:500}}.notifications-container{position:relative;display:flex;align-items:center;justify-content:flex-end}.navbar-icon{position:relative;color:var(--text-color);cursor:pointer;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border-color);transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.navbar-icon:hover{color:var(--primary-color);background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6d28d933}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;min-width:20px;height:20px;border-radius:10px;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg);box-shadow:0 2px 4px #0003;animation:pulse-notification 2s infinite}@keyframes pulse-notification{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:420px;max-height:500px;box-shadow:0 20px 40px #00000026;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar-icon{position:relative;color:var(--text-color);cursor:pointer;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border-color);transition:all .2s ease;box-shadow:0 2px 8px #0000000a;width:40px;height:40px}@media (max-width: 1023px) and (min-width: 768px){.notifications-dropdown{width:380px;max-height:60vh;right:0}.notifications-header{padding:1.25rem 1.25rem .75rem;font-size:1rem}.mark-all-read-btn{padding:.5rem .75rem;font-size:.75rem}.notification-item{padding:1rem 1.25rem}.notification-message{font-size:.9rem;line-height:1.4}.notification-time{font-size:.7rem}.notification-type{font-size:.7rem;padding:.2rem .4rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.quick-action-card{padding:1.25rem;border-radius:12px}.quick-action-icon{width:36px;height:36px;font-size:2rem;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center}.quick-action-title{font-size:1rem;margin-bottom:.5rem}.quick-action-reward{font-size:.85rem}}@media (max-width: 767px){.notifications-dropdown{position:fixed;top:88px;left:1rem;right:1rem;width:auto;max-height:calc(100vh - 90px);border-radius:20px;box-shadow:0 25px 50px #00000040;z-index:1001}.notifications-header{padding:1.5rem 1.25rem 1rem;font-size:1.1rem;border-radius:20px 20px 0 0;background:var(--card-bg);position:sticky;top:0;z-index:1}.mark-all-read-btn{padding:.75rem 1rem;font-size:.8rem;border-radius:12px}.notifications-content{max-height:calc(100vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch}.notification-item{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.06);min-height:auto}.notification-item:hover{transform:none;background:#6d28d90a}.notification-item:active{background:#6d28d914;transform:scale(.99)}.notification-content{flex:1;min-width:0;margin-right:1rem}.notification-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.notification-message{font-size:.95rem;line-height:1.5;margin-bottom:.75rem;color:var(--text-secondary);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.notification-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.notification-time{font-size:.8rem;padding:.4rem .75rem;border-radius:16px;font-weight:600;align-self:flex-start}.notification-type{font-size:.75rem;padding:.35rem .75rem;border-radius:16px;font-weight:700;letter-spacing:.3px}.delete-notification-btn{padding:.75rem;border-radius:12px;min-width:44px;min-height:44px;margin-top:.25rem}.delete-notification-btn:hover{background:#ef44441f;transform:scale(1.05)}.notifications-empty,.notifications-loading{padding:4rem 1.5rem;font-size:1rem;line-height:1.6}.notifications-loading{flex-direction:column}.notification-item.unread:before{width:12px;height:12px;top:1.5rem;right:1.25rem}.notification-item.unread{border-left-width:6px}.notifications-mobile-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}}.notifications-header{font-weight:700;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;color:var(--text-primary)}.notifications-header span{font-size:1.125rem;font-weight:600}.mark-all-read-btn{background:var(--primary-color);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6d28d933}.mark-all-read-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6d28d94d}.mark-all-read-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.notifications-content{max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}.notifications-content::-webkit-scrollbar{width:6px}.notifications-content::-webkit-scrollbar-track{background:transparent}.notifications-content::-webkit-scrollbar-thumb{background-color:#8b5cf64d;border-radius:3px}.notifications-content::-webkit-scrollbar-thumb:hover{background-color:#8b5cf680}.notifications-loading,.notifications-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-color);opacity:.7;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.notifications-empty:before{content:"🔔";font-size:2.5rem;opacity:.5}.notifications-dropdown ul{list-style:none;padding:0;margin:0}.notification-item{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;border-radius:0}.notification-item:hover{background:linear-gradient(135deg,#6d28d90d,#8b5cf608);transform:translate(4px)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:linear-gradient(135deg,#6d28d914,#8b5cf60d);border-left:4px solid var(--primary-color);position:relative}.notification-item.unread:before{content:"";position:absolute;top:1.25rem;right:1.5rem;width:10px;height:10px;background:var(--gradient-primary);border-radius:50%;box-shadow:0 0 0 3px #6d28d933;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3;word-wrap:break-word}.notification-message{margin-bottom:.75rem;line-height:1.5;font-weight:400;color:var(--text-secondary);font-size:.9rem;word-wrap:break-word}.notification-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.notification-time{font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;background:#6d28d91a;padding:.25rem .5rem;border-radius:12px;font-size:.75rem}.notification-type{font-size:.8rem;padding:.25rem .5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.25rem;text-transform:uppercase;letter-spacing:.5px}.notification-type.points{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.notification-type.admin{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.notification-type.system{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-type.payment{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-type.referral{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.delete-notification-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.delete-notification-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.notifications-empty,.notifications-loading{text-align:center;padding:3rem 1.5rem;color:var(--text-secondary);font-style:italic}.notifications-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.btn-logout{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;background:none;border:none;color:var(--text-medium);font-size:1rem;font-weight:500;padding:.85rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s,color .2s}.btn-logout:hover{background-color:#ef4444;color:#fff}.header-actions{display:flex;align-items:center;gap:1rem}.ads-center-container{padding:2rem;color:var(--text-light)}.ads-center-header{text-align:center;margin-bottom:2rem}.ads-center-header h2{font-size:2rem;margin:0}.ads-center-header p{font-size:1rem;color:var(--text-medium)}.ad-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.ad-stat-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);padding:1rem;border-radius:.75rem;text-align:center}.ad-stat-card.highlight{background:linear-gradient(45deg,#10b981,#22c55e);border:none}.ad-stat-value{font-size:1.75rem;font-weight:700;display:block}.ad-stat-label{font-size:.8rem;color:var(--text-medium)}.daily-goal-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:1rem;margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.daily-goal-card h4{margin:0;font-size:1.1rem}.daily-goal-card p{margin:.25rem 0 0;color:var(--text-medium);font-size:.9rem}.daily-goal-progress{width:100%;max-width:300px}.progress-bonus{text-align:right;display:block;margin-top:.5rem;font-size:.9rem;font-weight:500;color:var(--user-secondary)}.ads-center-container>h3{font-size:1.5rem;margin-bottom:1rem}.ad-list{display:grid;gap:1.5rem}.ad-card{display:flex;align-items:center;gap:1rem;background-color:var(--user-card-bg);border:1px solid var(--border-color);padding:1rem;border-radius:1rem}.ad-card-main{flex-grow:1;display:flex;align-items:center;gap:1rem}.ad-card-icon{font-size:2.5rem}.ad-card-info h4{margin:0;font-size:1.1rem}.ad-card-info p{margin:.25rem 0 .75rem;color:var(--text-medium);font-size:.9rem}.ad-card-tags{display:flex;gap:.5rem}.ad-card-tags span{font-size:.75rem;padding:.25rem .75rem;border-radius:99px;font-weight:500;border:1px solid currentColor}.tag-video{color:#60a5fa}.tag-fácil{color:#4ade80}.ad-card-reward{text-align:right}.reward-amount{font-size:1.25rem;font-weight:700;color:var(--user-secondary);display:block}.reward-duration{font-size:.8rem;color:var(--text-medium)}.view-ad-btn{background:linear-gradient(45deg,#10b981,#22c55e);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600}.load-more-btn{display:block;margin:2rem auto 0;background-color:var(--user-bg-secondary);border:1px solid var(--border-color);color:var(--text-light);padding:.75rem 2rem;border-radius:.5rem;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.ad-view-modal{position:relative;background-color:var(--user-bg-secondary);padding:2rem;border-radius:1rem;width:90%;max-width:800px;text-align:center;border:1px solid var(--border-color)}.close-modal-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-medium);font-size:2rem;cursor:pointer}.ad-view-modal h2{margin-top:0}.surveys-page-container{padding:2rem;color:var(--text-color)}.surveys-header{text-align:center;margin-bottom:2rem}.surveys-header h2{font-size:2rem;margin:0}.surveys-header p{font-size:1rem;color:var(--text-medium)}.survey-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.survey-stat-card{padding:1.5rem;border-radius:1rem}.survey-stat-card.green{background:linear-gradient(135deg,#10b981,#22c55e)}.survey-stat-card.yellow{background:linear-gradient(135deg,#f59e0b,#facc15)}.survey-stat-card.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.survey-stat-value{font-size:2rem;font-weight:700;display:block}.survey-stat-label{font-size:.9rem;opacity:.9}.weekly-progress-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:1rem;margin-bottom:2.5rem}.weekly-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.weekly-progress-header h4{margin:0;font-size:1.1rem}.weekly-progress-header span{font-size:.9rem;color:var(--text-medium)}.weekly-progress-card>p{margin:0 0 1rem;color:var(--text-medium);font-size:.9rem}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.surveys-list{display:grid;gap:1rem}.survey-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:1rem;position:relative}.survey-card-info{display:flex;align-items:center;gap:1rem}.survey-icon{font-size:2rem}.survey-details h4{margin:0;font-size:1.1rem}.survey-details p{margin:.25rem 0 0;color:var(--text-medium);font-size:.9rem}.survey-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0;text-align:center;font-size:.8rem;color:var(--text-medium)}.survey-meta strong{display:block;color:var(--text-light);font-size:.9rem;font-weight:500}.survey-card-footer{display:flex;align-items:center;gap:1rem}.survey-progress-bar{flex-grow:1;height:6px;background-color:var(--user-bg);border-radius:3px}.survey-progress-bar div{height:100%;background:linear-gradient(90deg,#10b981,#86efac);border-radius:3px}.start-survey-btn{background:linear-gradient(90deg,#10b981,#22c55e);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:.5rem;font-weight:600}.survey-reward-tag{position:absolute;top:1rem;right:1rem;background-color:#f59e0b33;color:#f59e0b;padding:.25rem .75rem;border-radius:99px;font-size:.8rem;font-weight:600}.auth-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background-size:cover;background-position:center;background-attachment:fixed}.auth-form-card{width:100%;max-width:450px;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);padding:2.5rem;color:#fff;box-shadow:0 8px 32px #0000005e}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.auth-form-header p{font-size:1rem;opacity:.8;margin:0}.auth-tabs{display:flex;background-color:#0003;border-radius:.5rem;padding:.1rem;margin-bottom:2rem}.auth-tabs button{flex:1;padding:.75rem;border:none;background-color:transparent;color:#ffffffb3;font-weight:600;border-radius:.375rem;cursor:pointer;transition:all .3s ease}.auth-tabs button.active{background-color:var(--user-primary, #8B5CF6);color:#fff;box-shadow:0 2px 10px #0003}.auth-form .form-group{margin-bottom:1.25rem}.form-input{width:100%;padding:1.15rem 1.25rem;border:1px solid rgba(255,255,255,.3);background-color:#ffffff1a;border-radius:.375rem;color:#fff;font-size:1rem;box-sizing:border-box}.form-input::placeholder{color:#fff9}.form-input:focus{outline:none;border-color:var(--user-primary, #8B5CF6);background-color:#0000001a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.form-grid{grid-template-columns:1fr}}.terms-group{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0}.terms-group label{font-size:.8rem;opacity:.8}.terms-group a{color:#fff;text-decoration:underline;font-weight:600}.btn-submit{width:100%;padding:.9rem;border:none;border-radius:.5rem;background:linear-gradient(90deg,#10b981,#34d399);color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .2s}.btn-submit:hover:not(:disabled){transform:scale(1.03)}.btn-submit:disabled{background:#555;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;color:#fff9;margin:1.5rem 0;font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}@media (max-width: 1200px){.dashboard-columns{grid-template-columns:1fr}}@media (max-width: 992px){.dashboard-columns{grid-template-columns:1fr}}@media (max-width: 1023px){.mobile-layout.user-dashboard-layout{width:100%;height:100vh;margin:0;padding:0;display:block}.mobile-layout .dashboard-main-content{width:100%;min-height:100vh;margin:0;padding:88px 0 0;box-sizing:border-box}.mobile-layout .user-sidebar{position:fixed;top:88px;left:0;width:280px;max-width:85vw;height:calc(100vh - 88px);z-index:1050;background:var(--card-bg);box-shadow:4px 0 20px #00000026;transition:transform .35s cubic-bezier(.25,.46,.45,.94);transform:translate(-100%);opacity:1;will-change:transform;padding:2rem 1rem 1rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(109,40,217,.3) transparent;backface-visibility:hidden;transform-style:preserve-3d;contain:layout style paint}.mobile-layout .user-sidebar::-webkit-scrollbar{width:4px}.mobile-layout .user-sidebar::-webkit-scrollbar-track{background:transparent}.mobile-layout .user-sidebar::-webkit-scrollbar-thumb{background:#6d28d94d;border-radius:2px}.mobile-layout .user-sidebar::-webkit-scrollbar-thumb:hover{background:#6d28d980}.mobile-layout .user-sidebar.mobile-open{transform:translate(0)}.mobile-layout .user-sidebar .sidebar-profile{opacity:0;transform:translate(-30px) scale(.9);transition:all .25s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-profile.show-profile{opacity:1;transform:translate(0) scale(1)}.mobile-layout .user-sidebar .sidebar-nav{opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-nav.show-nav{opacity:1;transform:translateY(0)}.mobile-layout .user-sidebar .sidebar-nav a{opacity:0;transform:translate(-20px);transition:all .25s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(1){transition-delay:.05s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(2){transition-delay:.1s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(3){transition-delay:.15s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(4){transition-delay:.2s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(5){transition-delay:.25s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(6){transition-delay:.3s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a{opacity:1;transform:translate(0)}.mobile-layout .user-sidebar .sidebar-footer{opacity:0;transform:translateY(15px) scale(.95);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-footer.show-footer{opacity:1;transform:translateY(0) scale(1)}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.mobile-app-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:88px!important;background:var(--card-bg)!important;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1100!important;box-shadow:0 2px 10px #0000001a;margin:-1px 0 0!important;border:none!important}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.mobile-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#8b5cf6;cursor:pointer;transition:all .2s ease}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:var(--gradient-secondary);box-shadow:0 6px 16px #0000004d;transform:translateY(-1px)}.mobile-back-btn:hover,.mobile-back-btn:active{background:#8b5cf633;border-color:#8b5cf666;transform:scale(.95)}.mobile-app-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:.5rem}.mobile-products-counter{display:flex;align-items:center;gap:.25rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;color:#10b981}.mobile-products-counter .counter-icon{color:#10b981;flex-shrink:0}.mobile-products-counter .counter-number{color:#10b981;font-weight:700;line-height:1}.mobile-header-actions{display:flex;align-items:center;gap:.75rem}.mobile-layout .sidebar-profile{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.mobile-layout .profile-avatar-container{position:relative;cursor:pointer}.mobile-layout .profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;overflow:hidden;box-shadow:0 4px 20px #00000026}.mobile-layout .profile-avatar img{width:100%;height:100%;object-fit:cover}.mobile-layout .profile-info{text-align:center}.mobile-layout .profile-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:.5rem}.mobile-layout .profile-level{font-size:.9rem;color:var(--text-secondary)}.mobile-layout .sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:visible;padding-bottom:1rem}.mobile-layout .sidebar-nav a{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;color:var(--text-color);text-decoration:none;transition:all .2s ease;font-size:1rem;font-weight:500;position:relative}.mobile-layout .sidebar-nav a:hover{background:rgba(var(--primary-color-rgb, 109, 40, 217),.1);color:var(--primary-color);transform:translate(4px)}.mobile-layout .sidebar-nav a.active{background:#7c3aed;color:#fff;box-shadow:0 2px 8px #7c3aed4d;transform:translate(0)}.mobile-layout .sidebar-nav a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#fff;border-radius:2px}.mobile-layout .sidebar-footer{padding-top:2rem;border-top:1px solid var(--border-color)}.mobile-layout .btn-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:transparent;border:2px solid var(--error-color);border-radius:12px;color:var(--error-color);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-layout .btn-logout:hover,.mobile-layout .btn-logout:active{background:var(--error-color);color:#fff;transform:scale(.98)}.mobile-layout .content-container{padding:0;width:100%;max-width:none}.mobile-layout .content-container>*{padding:1.5rem 1rem;max-width:100%}.mobile-layout.sidebar-open,.mobile-layout.mobile-sidebar-open{overflow:hidden}.mobile-layout .dashboard-card{margin-bottom:1rem;border-radius:16px;box-shadow:0 2px 12px #00000014}.mobile-layout button,.mobile-layout .btn{min-height:44px;border-radius:12px;font-weight:600}.mobile-layout h1{font-size:1.75rem}.mobile-layout h2{font-size:1.5rem}.mobile-layout h3{font-size:1.25rem}.mobile-layout .dashboard-welcome-text{display:none}.mobile-layout .stats-container{display:flex;flex-direction:column;gap:1rem}.mobile-layout .stats-row-balance{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mobile-layout .stats-row-level{display:flex;justify-content:center}.mobile-layout .stats-row-level .level-card{width:100%;max-width:none}.mobile-layout .dashboard-stat-card{padding:1rem;border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:auto}.mobile-layout .stat-card-title{font-size:.8rem;font-weight:600}.mobile-layout .stat-card-value{font-size:1.1rem;font-weight:700;margin:.25rem 0}.mobile-layout .stat-card-subtext{font-size:.7rem;opacity:.8}.mobile-layout .stat-card-icon{width:24px;height:24px;margin-bottom:.5rem}.mobile-layout .level-card{padding:1.25rem;border-radius:12px;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #6d28d94d}.mobile-layout .level-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600}.mobile-layout .dashboard-header{margin-bottom:1.5rem}.mobile-layout .quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.mobile-layout .quick-action-card{padding:1rem;border-radius:12px;text-align:center;background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f;transition:all .2s ease;cursor:pointer}.mobile-layout .quick-action-card:active{transform:scale(.98)}.mobile-layout .quick-action-icon{width:32px;height:32px;margin:0 auto .5rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.mobile-layout .quick-action-title{font-size:.9rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:.25rem}.mobile-layout .quick-action-reward{font-size:.75rem;color:var(--text-secondary)}}@media (min-width: 768px) and (max-width: 1023px){.mobile-layout .user-sidebar{width:320px;max-width:70vw;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-profile{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-nav,.mobile-layout .user-sidebar .sidebar-footer{transition:all .25s cubic-bezier(.25,.46,.45,.94)}.mobile-app-header{height:88px!important;padding:0 1.5rem;top:0!important;margin:-1px 0 0!important}.mobile-layout .dashboard-main-content{padding-top:88px}.mobile-layout .content-container{padding:0;width:100%}.mobile-layout .content-container>*{padding:0 1.5rem 2rem}.desktop-only{display:none!important}}@media (max-width: 479px){.mobile-layout .user-sidebar{top:60px;height:calc(100vh - 60px);width:100%;max-width:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-profile,.mobile-layout .user-sidebar .sidebar-nav,.mobile-layout .user-sidebar .sidebar-nav a,.mobile-layout .user-sidebar .sidebar-footer{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.mobile-app-header{height:60px!important;padding:0 .75rem;top:0!important;margin:-1px 0 0!important}.mobile-layout .dashboard-main-content{padding-top:60px}.mobile-app-title{font-size:1.1rem}.mobile-products-counter{font-size:.7rem;padding:.2rem .4rem;gap:.2rem}.mobile-products-counter .counter-icon{width:14px;height:14px}.mobile-menu-btn{width:40px;height:40px}.mobile-layout .content-container{padding:0;width:100%}.mobile-layout .content-container>*{padding:1rem .75rem}.desktop-only{display:none!important}}.page-transition-wrapper{opacity:0;transform:translate(-30px) scale(.98);transition:all .45s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;backface-visibility:hidden}.page-transition-wrapper.page-visible{opacity:1;transform:translate(0) scale(1)}.page-transition-wrapper.page-transitioning{opacity:0;transform:translate(-40px) scale(.96)}@media (max-width: 768px){.page-transition-wrapper{transform:translate(-25px) scale(.98);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.page-transition-wrapper.page-transitioning{transform:translate(-35px) scale(.96)}}@media (max-width: 479px){.page-transition-wrapper{transform:translate(-20px) scale(.99);transition:all .35s cubic-bezier(.25,.46,.45,.94)}.page-transition-wrapper.page-transitioning{transform:translate(-30px) scale(.97)}}.dashboard-page,.profile-page,.tareas-page,.offers-page,.aliexpress-page,.category-page,.wishlist-page,.wallet-page,.referrals-page,.my-orders-page{opacity:0;transform:translate(-30px) scale(.98);animation:pageSlideIn .45s cubic-bezier(.25,.46,.45,.94) forwards;will-change:transform,opacity;backface-visibility:hidden}@keyframes pageSlideIn{0%{opacity:0;transform:translate(-30px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@media (max-width: 768px){.dashboard-page,.profile-page,.tareas-page,.offers-page,.aliexpress-page,.category-page,.wishlist-page,.wallet-page,.referrals-page,.my-orders-page{transform:translate(-25px) scale(.98);animation-duration:.4s}@keyframes pageSlideIn{0%{opacity:0;transform:translate(-25px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}}@media (max-width: 479px){.dashboard-page,.profile-page,.tareas-page,.offers-page,.aliexpress-page,.category-page,.wishlist-page,.wallet-page,.referrals-page,.my-orders-page{transform:translate(-20px) scale(.99);animation-duration:.35s}@keyframes pageSlideIn{0%{opacity:0;transform:translate(-20px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}}.content-container{min-height:60vh;position:relative;overflow:hidden}.dashboard-main-content{backface-visibility:hidden;transform-style:preserve-3d}.sidebar-nav a{color:var(--text-color)}.sidebar-nav a:hover{background-color:var(--primary-hover);color:#fff}.sidebar-footer .balance-card{background:var(--background-color);color:var(--text-color)}body.dark .sidebar-footer .balance-card{background:#232b39;color:#f3f4f6}html,body,*{box-sizing:border-box}html,body{width:100%;min-height:100vh;overflow-x:hidden!important;overflow-y:auto;box-sizing:border-box;margin:0!important;padding:0!important;position:relative}#root{width:100%;min-height:100vh;margin:0!important;padding:0!important;overflow-x:hidden;position:relative}*,*:before,*:after{box-sizing:inherit}.auth-layout,.auth-page_container{min-height:100vh;min-width:100%;overflow-x:hidden;overflow-y:auto;display:flex;align-items:center;justify-content:center}.auth-card,.auth-form-card{max-width:520px;width:100%;margin:2.5rem 0;overflow:visible;padding-left:2rem;padding-right:2rem}@media (max-width: 600px){.auth-layout{padding:0!important}.auth-card,.auth-form-card{max-width:100vw;width:100vw;height:100vh;margin:0;border-radius:0;padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;box-shadow:none}}.form-group{margin-bottom:2rem}.form-input{padding:1.15rem 1.25rem;margin-bottom:0}.form-row{gap:2rem}.terms-group label{color:#1a202c!important;font-size:1rem;font-weight:600;opacity:1}.terms-group input[type=checkbox]{accent-color:#10b981;width:1.2em;height:1.2em;border:2px solid #10b981;margin-right:.5em}.provider-card-v2{background:var(--user-card-bg, #1F2937);border:1px solid var(--border-color, #374151);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column}.provider-tabs{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.provider-tabs button{flex:1;background-color:var(--user-bg-secondary, #374151);color:var(--text-medium);border:none;padding:.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease}.provider-tabs button:hover{background-color:var(--user-primary, #8B5CF6);color:#fff}.filters-toolbar{display:flex;gap:.5rem;margin:2rem 0;background-color:var(--user-card-bg, #1f2937);padding:.5rem;border-radius:.75rem;border:1px solid var(--border-color, #374151)}.filter-tab{flex-grow:1;padding:.75rem;border:none;background-color:transparent;color:var(--text-medium, #9ca3af);font-weight:600;font-size:.9rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.filter-tab.active{background-color:var(--user-primary, #8B5CF6);color:#fff;box-shadow:0 4px 10px #8b5cf633}.filter-tab:not(.active):hover{background-color:var(--user-bg-secondary, #374151);color:var(--text-light)}.referral-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.referral-stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.referral-stat-card span{display:block;font-size:28px;font-weight:700;color:var(--primary-color);line-height:1.2;margin-bottom:8px}.referral-stat-card p{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.referral-stat-card.highlight span{color:var(--secondary-color)}.referral-stat-card.warning span{color:var(--accent-orange)}.referrals-stats-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px;margin-bottom:24px}.referrals-grid{display:grid;grid-template-columns:1fr 350px;gap:24px;max-width:100%;overflow-x:hidden}.referrals-main-content,.referrals-sidebar{min-width:0}.referral-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px;overflow-x:hidden;word-wrap:break-word}@media (max-width: 1200px){.referrals-grid{display:flex;flex-direction:column}.referrals-sidebar .referral-card:last-child{order:1}.referrals-main-content .referral-card:first-child{order:2}.referrals-main-content .referral-card:last-child{order:3}.referrals-sidebar .referral-card:first-child{order:4}}@media (max-width: 768px){.referrals-stats-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important}.referral-stat-card{padding:18px 14px!important;min-width:0!important;width:auto!important;border-radius:10px!important}.referral-stat-card span{font-size:26px!important;margin-bottom:8px!important;line-height:1.2!important}.referral-stat-card p{font-size:14px!important;line-height:1.4!important;margin:0!important}.referral-card{padding:16px}}@media (max-width: 480px){.referrals-stats-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important}.referral-stat-card{padding:16px 12px!important;min-width:0!important;width:auto!important;border-radius:8px!important}.referral-stat-card span{font-size:24px!important;margin-bottom:6px!important;line-height:1.2!important}.referral-stat-card p{font-size:13px!important;line-height:1.4!important}}.referral-input-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;margin-top:20px}.referral-input-box{display:flex;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.referral-input-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #6d28d91a}.referral-input-box input{flex:1;background:transparent;border:none;padding:12px 16px;font-size:14px;color:var(--text-primary);outline:none}.referral-input-box button{background:var(--gradient-primary);border:none;color:#fff;padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:48px}.referral-input-box button:hover{background:var(--gradient-primary);opacity:.9}.referral-input-box button:active{transform:scale(.95)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.pagination-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{background:var(--background-color);color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-info{text-align:center;font-size:12px;color:var(--text-muted);margin-bottom:12px}.referral-list-modern{display:flex;flex-direction:column;gap:16px;margin-top:16px}.friend-card-modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:18px;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;width:100%;max-width:none}.friend-card-modern:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.friend-header{display:flex;align-items:center;gap:12px}.friend-avatar-modern{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;flex-shrink:0}.friend-details{display:flex;flex-direction:column;gap:2px;min-width:0}.friend-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.friend-date{font-size:12px;color:var(--text-muted);line-height:1.3}.friend-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.metric-item{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:center;text-align:center}.metric-value{font-size:14px;font-weight:600;line-height:1.3}.metric-label{font-size:12px;color:var(--text-muted);line-height:1.2}.metric-item.balance .metric-value{color:var(--secondary-color)}.metric-item.points .metric-value{color:var(--accent-blue)}.friend-earnings-modern{display:flex;justify-content:flex-end;align-items:center}.earnings-value{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--background-color);text-align:center;padding:12px 16px;border-radius:8px;border:1px solid var(--border-color)}.earnings-amount{font-size:16px;font-weight:600;color:var(--secondary-color);line-height:1.2}.earnings-label{font-size:12px;color:var(--text-muted);line-height:1.2}.consolidation-progress-modern{display:flex;flex-direction:column;gap:12px}.progress-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:var(--text-primary)}.pending-amount{font-size:12px;color:var(--accent-orange);font-weight:500}.progress-badges{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.progress-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s ease;flex:1;min-width:fit-content}.progress-badge.complete{background:#22c55e1a;color:var(--success-color);border:1px solid var(--success-color)}.progress-badge.pending{background:#fb923c1a;color:var(--accent-orange);border:1px solid var(--accent-orange)}.badge-icon{font-weight:600;font-size:12px}.badge-text{font-size:11px;font-weight:500}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);background:var(--background-color);border-radius:8px;border:1px dashed var(--border-color)}.empty-state p{margin:0;font-size:14px;line-height:1.5}@media (max-width: 768px){.friend-card-modern{padding:16px;gap:12px}.friend-avatar-modern{width:40px;height:40px;font-size:16px}.friend-name{font-size:15px}.friend-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-item{flex-direction:column;align-items:center;text-align:center}.progress-badges{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px}.progress-badge{justify-content:space-between}.progress-title{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.earnings-value{padding:10px 12px}.earnings-amount{font-size:14px}.mobile-referrals .friend-header{flex-direction:row!important;align-items:center!important;gap:.5rem!important}}.balance-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}.balance-amount{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.balance-amount span{display:block;font-size:32px;font-weight:700;color:var(--secondary-color);line-height:1.2;margin-bottom:4px}.balance-amount p{font-size:14px;color:var(--text-primary);margin:0 0 8px;font-weight:500}.balance-amount small{font-size:12px;color:var(--text-muted);font-weight:400}.pending-amount{background:#fb923c1a;border:1px solid var(--accent-orange);border-radius:8px;padding:16px;text-align:center}.pending-amount span{display:block;font-size:20px;font-weight:600;color:var(--accent-orange);line-height:1.2;margin-bottom:4px}.pending-amount p{font-size:13px;color:var(--accent-orange);margin:0 0 6px;font-weight:500;opacity:.8}.pending-amount small{font-size:11px;color:var(--accent-orange);line-height:1.3;opacity:.7}.withdraw-btn{background:var(--gradient-secondary);color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;width:100%;grid-column:span 2}.withdraw-btn:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-1px);box-shadow:var(--shadow-secondary);opacity:.9}.withdraw-btn:disabled{background:var(--text-muted);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.5}.withdrawal-history{display:flex;flex-direction:column;gap:12px}.withdrawal-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease}.withdrawal-item:hover{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 2px 8px #0000001a}.withdrawal-info{display:flex;flex-direction:column;gap:4px}.withdrawal-info .amount{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2}.withdrawal-info .date{font-size:12px;color:var(--text-muted);line-height:1.3}.status{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fb923c1a;color:var(--accent-orange);border:1px solid var(--accent-orange)}.status-approved{background:#22c55e1a;color:var(--success-color);border:1px solid var(--success-color)}.status-rejected{background:#ef44441a;color:var(--error-color);border:1px solid var(--error-color)}.consolidation-info{display:flex;flex-direction:column;gap:16px}.consolidation-info p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5}.how-it-works-list{display:flex;flex-direction:column;gap:12px}.how-it-works-item{display:flex;gap:12px;align-items:flex-start}.how-it-works-item span:first-child{background:var(--primary-color);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:2px}.how-it-works-item p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.consolidation-requirements{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px;margin:8px 0;display:flex;flex-direction:column;gap:8px}.requirement-item{font-size:12px;color:var(--text-secondary);line-height:1.4;padding:6px 0;border-bottom:1px solid var(--border-color)}.requirement-item:last-child{border-bottom:none}.consolidation-stats-detail{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.consolidation-stats-detail h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 8px;text-align:center;transition:all .2s ease}.stat-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.stat-item span{display:block;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:4px}.stat-item label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:500;line-height:1.2}.stat-item.pending span{color:var(--accent-orange)}.stat-item.pending label{color:var(--accent-orange);opacity:.8}.stat-item.consolidated span{color:var(--success-color)}.stat-item.consolidated label{color:var(--success-color);opacity:.8}.stat-item.failed span{color:var(--error-color)}.stat-item.failed label{color:var(--error-color);opacity:.8}.referral-card h3{margin-bottom:16px;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pagination-container{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.referral-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:1rem;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.referral-modal-content{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:1.5rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;position:relative;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.referral-modal-header{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,#10b981,#22c55e);border-radius:1.5rem 1.5rem 0 0;color:#fff;position:relative;overflow:hidden}.referral-modal-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}.celebration-emoji{font-size:4rem;margin-bottom:1rem;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-10px) scale(1.1)}}.referral-modal-header h2{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.referral-modal-header p{font-size:1.25rem;margin:0;opacity:.95;font-weight:500}.referral-modal-body{padding:2rem;text-align:center}.reward-showcase{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:1.25rem;padding:2rem;margin-bottom:2rem;position:relative;border:2px solid #10b981;box-shadow:0 8px 25px #10b98126}.reward-amount{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;position:relative}.currency{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(16,185,129,.3)}.coins-animation{display:flex;gap:.5rem}.coin{font-size:2rem;animation:coinFloat 2s infinite ease-in-out}.coin:nth-child(1){animation-delay:0s}.coin:nth-child(2){animation-delay:.3s}.coin:nth-child(3){animation-delay:.6s}@keyframes coinFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(180deg)}}.reward-text .welcome-message{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;line-height:1.4}.dollar-equivalent{font-size:1rem;color:#10b981;font-weight:600;margin:0;background:#10b9811a;padding:.5rem 1rem;border-radius:.75rem;display:inline-block}.quick-benefits{display:flex;justify-content:space-around;gap:1rem;margin-top:1.5rem}.benefit-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#374151;background:#10b9810d;padding:1rem;border-radius:1rem;border:1px solid rgba(16,185,129,.2);transition:all .3s ease}.benefit-item:hover{background:#10b9811a;border-color:#10b98166;transform:translateY(-2px)}.referral-modal-footer{padding:1.5rem 2rem 2.5rem;background:#f8fafc;border-radius:0 0 1.5rem 1.5rem}.referral-welcome-btn{width:100%;background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;border:none;padding:1.25rem 2rem;border-radius:.75rem;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 25px #10b9814d}.referral-welcome-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.referral-welcome-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #10b98166;background:linear-gradient(135deg,#059669,#10b981)}.referral-welcome-btn:hover:before{left:100%}.referral-welcome-btn:active{transform:translateY(0);box-shadow:0 4px 15px #10b9814d}.verify-input-container{display:flex;justify-content:center;gap:.75rem;margin:2rem 0;flex-wrap:wrap}.verify-input{width:3.5rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #e5e7eb;background:#fff;color:#1f2937;border-radius:.75rem;transition:all .3s ease;outline:none;box-shadow:0 1px 3px #0000001a}.verify-input:focus{border-color:#6366f1;background:#fff;color:#1f2937;box-shadow:0 0 0 3px #6366f133,0 4px 15px #6366f126;transform:scale(1.05)}body.dark .verify-input{border:2px solid #e5e7eb!important;background:#fff!important;color:#1f2937!important;box-shadow:0 1px 3px #0000001a!important}body.dark .verify-input:focus{border-color:#6366f1!important;background:#fff!important;color:#1f2937!important;box-shadow:0 0 0 3px #6366f133 0 4px 15px #6366f126!important}.verify-input:disabled{opacity:.6;cursor:not-allowed}.verify-input.loading{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.referral-modal-content{margin:1rem;max-width:calc(100vw - 2rem);border-radius:1.25rem}.referral-modal-header{padding:2rem 1.5rem 1rem}.celebration-emoji{font-size:3rem}.referral-modal-header h2{font-size:2rem}.currency{font-size:2.5rem}.coin{font-size:1.5rem}.quick-benefits{flex-direction:column;gap:.75rem}.benefit-item{padding:.75rem;font-size:.9rem}.referral-welcome-btn{font-size:1.1rem;padding:1rem 1.5rem}}body.verify-page,body.verify-page.dark{background:#f8fafc!important;color:#1f2937!important}.min-h-screen.bg-gradient-to-br.from-blue-50.to-indigo-100,body.dark .min-h-screen.bg-gradient-to-br.from-blue-50.to-indigo-100,div[class*=min-h-screen][class*=bg-gradient-to-br],body.dark div[class*=min-h-screen][class*=bg-gradient-to-br]{background:#fff!important;color:#1f2937!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;min-height:100vh!important;padding:0!important;margin:0!important}.bg-white.rounded-xl.shadow-xl,body.dark .bg-white.rounded-xl.shadow-xl{background:#fff!important;color:#1f2937!important;box-shadow:none!important;border-radius:0!important;width:100vw!important;height:100vh!important;max-width:none!important;padding:2rem 1.5rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0!important}.text-3xl.font-bold.text-gray-900,body.dark .text-3xl.font-bold.text-gray-900{color:#111827!important}.text-gray-600,body.dark .text-gray-600{color:#6b7280!important}body.verify-page .btn.btn-primary,body.verify-page.dark .btn.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border:none!important}body.verify-page .btn.btn-primary:hover,body.verify-page.dark .btn.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important}body.verify-page .btn.btn-primary:disabled,body.verify-page.dark .btn.btn-primary:disabled{background:#9ca3af!important;color:#fff!important;opacity:.7!important}.verify-input:-webkit-autofill,.verify-input:-webkit-autofill:hover,.verify-input:-webkit-autofill:focus,.verify-input:-webkit-autofill:active{-webkit-text-fill-color:#1f2937!important;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.8) inset!important;background:#fffc!important;background-image:none!important;color:#1f2937!important;border:2px solid rgba(99,102,241,.3)!important;transition:background-color 5000s ease-in-out 0s!important}@media (max-width: 600px){.verify-input-container{gap:.5rem;margin:1.5rem 0}.verify-input{width:3rem;height:3rem;font-size:1.25rem;border-radius:.5rem}}@media (max-width: 480px){.verify-input-container{gap:.4rem;margin:1rem 0}.verify-input{width:2.5rem;height:2.5rem;font-size:1.1rem;border-radius:.5rem}}@media (max-width: 1023px){.mobile-referrals .referrals-page-container{padding:1rem;margin:0;max-width:100%}.mobile-referrals-layout{display:flex;flex-direction:column;gap:1.5rem}.mobile-stats-container{display:flex;flex-direction:column;gap:1rem}.mobile-stats-row-1,.mobile-stats-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mobile-referrals .referral-stat-card{padding:1rem;border-radius:1rem;text-align:center;background:var(--card-bg);border:1px solid var(--border-color)}.mobile-referrals .referral-stat-card span{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:block;margin-bottom:.25rem}.mobile-referrals .referral-stat-card p{font-size:.8rem;color:var(--text-secondary);margin:0}.mobile-referrals .referral-stat-card.highlight{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;border-color:#10b981}.mobile-referrals .referral-stat-card.highlight span,.mobile-referrals .referral-stat-card.highlight p{color:#fff}.mobile-referrals .referral-stat-card.warning{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-color:#f59e0b}.mobile-referrals .referral-stat-card.warning span,.mobile-referrals .referral-stat-card.warning p{color:#fff}.mobile-balance-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem}.mobile-balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mobile-balance-header h3{font-size:1.25rem;margin:0;color:var(--text-primary)}.mobile-balance-amount{text-align:right}.mobile-balance-amount span{font-size:1.5rem;font-weight:700;color:var(--primary-color);display:block}.mobile-balance-amount small{font-size:.9rem;color:var(--text-secondary)}.mobile-pending-info{background:rgba(var(--warning-color-rgb),.1);border:1px solid var(--warning-color);border-radius:.75rem;padding:.75rem;margin-bottom:1rem;text-align:center}.mobile-pending-info span{font-size:.9rem;color:var(--warning-color);font-weight:600}.info-alert{border-radius:12px;padding:1.25rem;margin:1.5rem 0;border:1px solid;display:flex;flex-direction:column;gap:.75rem}.info-alert .alert-header{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem}.info-alert .alert-icon{font-size:1.25rem;flex-shrink:0}.info-alert p{margin:0;line-height:1.5;color:var(--text-color)}.info-alert small{margin:0;opacity:.8;line-height:1.4;font-size:.875rem;color:var(--text-secondary)}.info-alert.success{background:#22c55e1a;border-color:var(--success-color);color:var(--success-color)}.info-alert.warning{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.info-alert.danger{background:#ef44441a;border-color:var(--error-color);color:var(--error-color)}.info-alert.info{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}body.dark .info-alert.success{background:#22c55e26}body.dark .info-alert.warning{background:#f59e0b26}body.dark .info-alert.danger{background:#ef444426}body.dark .info-alert.info{background:#3b82f626}.referrals-page-container .referral-system-info,.referrals-page .referral-system-info{background:linear-gradient(135deg,#8b5cf614,#6366f114)!important;border:1px solid rgba(139,92,246,.2)!important;border-radius:12px!important;padding:1rem 1.25rem!important;margin-bottom:1.5rem!important;box-shadow:0 2px 8px #8b5cf61a!important;display:block!important;visibility:visible!important;opacity:1!important}.referrals-page-container .referral-system-info h3,.referrals-page .referral-system-info h3{margin:0!important;font-size:.95rem!important;font-weight:500!important;color:var(--text-color)!important;line-height:1.4!important;text-align:left!important}.referrals-page-container .referral-system-info h3 span,.referrals-page .referral-system-info h3 span{color:#8b5cf6!important;font-weight:600!important}body.dark .referrals-page-container .referral-system-info,body.dark .referrals-page .referral-system-info{background:linear-gradient(135deg,#8b5cf61f,#6366f11f)!important;border-color:#8b5cf640!important;box-shadow:0 2px 8px #8b5cf626!important}body.dark .referrals-page-container .referral-system-info h3 span,body.dark .referrals-page .referral-system-info h3 span{color:#a78bfa!important}@media (min-width: 768px) and (max-width: 1023px){.referral-system-info{padding:.875rem 1rem;border-radius:10px}.referral-system-info h3{font-size:.9rem;text-align:center}}@media (max-width: 767px){.referral-system-info{padding:.75rem .875rem;border-radius:10px;margin-bottom:1.25rem}.referral-system-info h3{font-size:.85rem;text-align:center;line-height:1.3}}.mobile-withdraw-btn{width:100%;background:var(--gradient-primary);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.mobile-withdraw-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}.mobile-withdraw-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-share-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem}.mobile-share-card h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--text-primary)}.mobile-share-card p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem}.mobile-referral-inputs{display:flex;flex-direction:column;gap:1rem}.mobile-input-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.9rem;color:var(--text-primary)}.mobile-input-box{display:flex;background:var(--input-bg);border:2px solid var(--border-color);border-radius:.75rem;overflow:hidden}.mobile-input-box input{flex:1;padding:.875rem;border:none;background:transparent;color:var(--text-primary);font-size:.9rem}.mobile-input-box button{padding:.875rem 1rem;background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mobile-input-box button:hover{background:var(--primary-dark)}.mobile-referrals-list{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem}.mobile-referrals-list h3{font-size:1.25rem;margin:0 0 1.5rem;color:var(--text-primary)}.mobile-referrals .friend-card-modern{margin-bottom:1rem;border-radius:1rem}.mobile-referrals .friend-header{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:nowrap;width:100%}.mobile-referrals .friend-avatar-modern{width:50px;height:50px;font-size:1.2rem}.mobile-referrals .friend-details{flex:1;min-width:120px}.mobile-referrals .friend-name{font-size:1rem}.mobile-referrals .friend-date{font-size:.8rem}.mobile-referrals .friend-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.mobile-referrals .metric-item{text-align:center;padding:.75rem}.mobile-referrals .metric-value{font-size:.9rem}.mobile-referrals .metric-label{font-size:.75rem}.mobile-referrals .friend-earnings-modern{text-align:center;margin:1rem 0}.mobile-referrals .earnings-amount{font-size:1.1rem}.mobile-referrals .progress-badges{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.75rem;width:100%}.mobile-referrals .progress-badge{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.75rem .5rem;font-size:.7rem;min-height:60px;text-align:center;border-radius:8px;background:var(--card-bg);border:1px solid var(--border-color)}.mobile-referrals .pagination-container{flex-direction:column;gap:1rem;text-align:center}.mobile-referrals .pagination-info{font-size:.85rem;order:2}.mobile-referrals .pagination-controls{order:1;flex-wrap:wrap;justify-content:center;gap:.5rem}.mobile-referrals .pagination-btn{min-height:44px;padding:.5rem 1rem;font-size:.9rem}.mobile-referrals .friend-details{flex:1;min-width:150px;margin-right:.5rem}.mobile-referrals .friend-name{font-size:.9rem;margin-bottom:.1rem;word-wrap:break-word;white-space:normal;line-height:1.2}.mobile-referrals .friend-date{font-size:.7rem;word-wrap:break-word;white-space:normal;line-height:1.2}.mobile-referrals .mobile-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.mobile-referrals .mobile-card h3{font-size:1.1rem;margin:0 0 1rem;color:var(--text-primary)}.mobile-referrals .mobile-card h4{font-size:1rem;margin:1.5rem 0 1rem;color:var(--text-primary)}.mobile-referrals .mobile-withdrawal-history{display:flex;flex-direction:column;gap:.75rem}.mobile-referrals .mobile-withdrawal-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--background-color);border-radius:.5rem;border:1px solid var(--border-color)}.mobile-referrals .mobile-withdrawal-item .withdrawal-info{display:flex;flex-direction:column;gap:.25rem}.mobile-referrals .mobile-withdrawal-item .amount{font-weight:700;color:var(--text-primary);font-size:.9rem}.mobile-referrals .mobile-withdrawal-item .date{font-size:.75rem;color:var(--text-secondary)}.mobile-referrals .mobile-withdrawal-item .status{padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.mobile-referrals .mobile-consolidation-info p{font-size:.85rem;margin-bottom:1rem;color:var(--text-primary)}.mobile-referrals .mobile-how-it-works{display:flex;flex-direction:column;gap:.75rem}.mobile-referrals .mobile-work-item{display:flex;gap:.75rem;align-items:flex-start}.mobile-referrals .mobile-work-item span{background:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.mobile-referrals .mobile-work-item p{font-size:.8rem;margin:0;line-height:1.4;color:var(--text-primary)}.mobile-referrals .mobile-requirements{margin:.5rem 0;padding-left:1rem}.mobile-referrals .mobile-requirement{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1.3}.mobile-referrals .mobile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.mobile-referrals .mobile-stat-item{text-align:center;padding:.75rem .5rem;background:var(--background-color);border-radius:.5rem;border:1px solid var(--border-color)}.mobile-referrals .mobile-stat-item span{display:block;font-size:1rem;font-weight:700;margin-bottom:.25rem}.mobile-referrals .mobile-stat-item label{font-size:.7rem;color:var(--text-secondary)}.mobile-referrals .mobile-stat-item.pending span{color:var(--accent-orange)}.mobile-referrals .mobile-stat-item.consolidated span{color:var(--secondary-color)}.mobile-referrals .mobile-stat-item.failed span{color:var(--accent-red)}}.auth-layout{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;position:relative;overflow-x:hidden}.auth-layout:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.auth-card{position:relative;z-index:1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff26;border:1px solid rgba(255,255,255,.25);box-shadow:0 25px 45px #0000001a,0 0 0 1px #ffffff0d inset}.auth-layout .auth-title{background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.auth-layout .auth-subtitle{color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.verify-input-container .verify-input{background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000001a,0 0 0 1px #ffffff0d inset}.verify-input-container .verify-input:focus{background:#ffffff40;border-color:#6d28d9b3;box-shadow:0 0 0 3px #6d28d94d,0 8px 25px #6d28d933}.auth-card .btn-primary{background:linear-gradient(135deg,#10b981,#22c55e);border:none;box-shadow:0 8px 25px #10b9814d,0 0 0 1px #ffffff1a inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.auth-card .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.auth-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #10b98166,0 0 0 1px #fff3 inset}.auth-card .btn-primary:hover:before{left:100%}.auth-card .form-input{background:#ffffff26!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3)!important;color:#1f2937!important;box-shadow:0 4px 15px #0000000d,0 0 0 1px #ffffff0d inset}.auth-card .form-input:focus{background:#ffffff40!important;border-color:#6d28d9b3!important;color:#1f2937!important;box-shadow:0 0 0 3px #6d28d933!important}.auth-card .form-label{color:#fffffff2;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.auth-card.special-page{animation:specialGlow 3s ease-in-out infinite alternate}@keyframes specialGlow{0%{box-shadow:0 25px 45px #0000001a,0 0 0 1px #ffffff0d inset,0 0 30px #10b9811a}to{box-shadow:0 25px 45px #0000001a,0 0 0 1px #ffffff0d inset,0 0 40px #10b98133}}.auth-card a{color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3);transition:all .3s ease}.auth-card a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.auth-card .form-input[type=password]{font-family:monospace,sans-serif;letter-spacing:.1em}.auth-card .form-input:-webkit-autofill,.auth-card .form-input:-webkit-autofill:hover,.auth-card .form-input:-webkit-autofill:focus,.auth-card .form-input:-webkit-autofill:active,.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-text-fill-color:#1f2937!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;background:#ffffff1a!important;background-image:none!important;color:#1f2937!important;border:1px solid rgba(255,255,255,.3)!important;transition:background-color 5000s ease-in-out 0s!important}.password-strength-indicator{height:3px;background:#fff3;border-radius:2px;overflow:hidden;margin-top:.5rem}.password-strength-bar{height:100%;transition:all .3s ease;border-radius:2px}.password-strength-bar.weak{width:25%;background:linear-gradient(90deg,#ef4444,#f87171)}.password-strength-bar.medium{width:50%;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.password-strength-bar.strong{width:75%;background:linear-gradient(90deg,#10b981,#34d399)}.password-strength-bar.very-strong{width:100%;background:linear-gradient(90deg,#059669,#10b981);box-shadow:0 0 10px #10b98180}@media (max-width: 768px){.balance-amount span{font-size:28px}.balance-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-amount,.pending-amount,.consolidated-amount{padding:16px}.balance-amount span,.pending-amount span,.consolidated-amount span{font-size:20px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-item{padding:12px 8px;text-align:center}.stat-item span{font-size:16px;display:block;margin-bottom:4px}.stat-item label{font-size:10px;line-height:1.2}}@media (max-width: 480px){.balance-info{grid-template-columns:1fr 1fr;gap:10px}.balance-amount,.pending-amount,.consolidated-amount{padding:12px}.balance-amount span,.pending-amount span,.consolidated-amount span{font-size:18px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stat-item{padding:10px 6px}.stat-item span{font-size:14px}.stat-item label{font-size:9px}}.auth-layout:before{animation-duration:10s}.verify-input-container{gap:.5rem}.verify-input{width:3rem;height:3rem;font-size:1.25rem}.top-users-card{background:var(--card-bg);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-primary)}.top-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.top-users-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:700}.top-users-subtitle{font-size:.875rem;color:var(--text-muted);background:var(--background-secondary);padding:.25rem .75rem;border-radius:12px}.top-users-list{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 768px) and (max-width: 1023px){.top-users-list{grid-template-columns:1fr 1fr;gap:1rem}}@media (min-width: 1024px){.top-users-list{grid-template-columns:1fr 1fr 1fr;gap:1rem}}.top-user-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--background-secondary);border-radius:12px;transition:all .2s ease}.top-user-item:hover{background:var(--primary-color-10);transform:translate(4px)}.top-user-rank{font-size:1.25rem;font-weight:700;min-width:32px;text-align:center}.top-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.top-user-info{flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.top-user-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.top-user-country{font-size:.8rem;color:var(--text-muted)}.top-user-earnings{font-weight:700;color:var(--primary-color);font-size:1.1rem;flex-shrink:0}.top-users-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.top-users-empty p{margin:0;font-size:1rem}@media (max-width: 768px){.top-users-card{padding:1rem}.top-user-item{gap:.75rem;padding:.5rem}.top-user-avatar{width:36px;height:36px;font-size:1rem}.top-users-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.achievement-celebration{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1060;display:flex;align-items:center;justify-content:center;overflow:hidden}.achievement-celebration.enter{animation:celebration-enter 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.achievement-celebration.celebration{animation:celebration-pulse 2s ease-in-out infinite}.achievement-celebration.exit{animation:celebration-exit .8s cubic-bezier(.55,.055,.675,.19) forwards}@keyframes celebration-enter{0%{opacity:0;transform:scale(.8) translateY(50px);filter:blur(10px)}30%{opacity:.3;transform:scale(.9) translateY(20px);filter:blur(5px)}60%{opacity:.7;transform:scale(1.02) translateY(-5px);filter:blur(2px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes celebration-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes celebration-exit{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}30%{opacity:.8;transform:scale(1.05) translateY(-10px);filter:blur(1px)}to{opacity:0;transform:scale(.9) translateY(30px);filter:blur(8px)}}.celebration-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:400% 400%;animation:celebration-gradient 4s ease infinite}@keyframes celebration-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.celebration-particles{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:#fffc;border-radius:50%;animation:particle-float var(--duration) var(--delay) infinite}.particle:nth-child(2n){background:#ffd700cc;width:6px;height:6px}.particle:nth-child(3n){background:#8a2be2cc;width:4px;height:4px}@keyframes particle-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.celebration-rays{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);animation:rays-rotate 8s linear infinite}.light-ray{position:absolute;top:50%;left:50%;width:4px;height:100px;background:linear-gradient(to bottom,#fffc,#fff6,#fff0);transform-origin:center bottom;transform:translate(-50%,-100%) rotate(var(--rotation));opacity:.7}@keyframes rays-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.celebration-content{position:relative;z-index:0;text-align:center;padding:2rem;max-width:600px;animation:content-bounce-in 1s cubic-bezier(.68,-.55,.265,1.55) .3s both}@keyframes content-bounce-in{0%{transform:scale(.3) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.celebration-close{position:absolute;top:-1rem;right:-1rem;width:48px;height:48px;background:#00000080;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.celebration-close:hover{background:#000000b3;transform:scale(1.1)}.celebration-title{position:relative;margin-bottom:2rem}.celebration-title h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);margin:0;letter-spacing:.1em;animation:title-glow 2s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 0 20px rgba(255,255,255,.5)}to{text-shadow:0 0 40px rgba(255,255,255,.8)}}.title-sparkles{position:absolute;top:-20px;right:-20px;font-size:2rem;animation:sparkle-twinkle 1.5s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.2);opacity:.7}}.celebration-badge-container{position:relative;margin:2rem 0;display:flex;justify-content:center;align-items:center}.badge-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);opacity:.6;animation:badge-glow-pulse 2s ease-in-out infinite}@keyframes badge-glow-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.8}}.celebration-badge{position:relative;width:150px;height:150px;background:var(--badge-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #0000004d,inset 0 0 30px #ffffff4d;animation:badge-float 3s ease-in-out infinite;overflow:hidden}@keyframes badge-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.badge-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.badge-emoji{font-size:4rem;animation:emoji-bounce 2s ease-in-out infinite}@keyframes emoji-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:badge-shine 3s linear infinite}@keyframes badge-shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.achievement-info{margin:2rem 0;color:#fff}.achievement-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.achievement-description{font-size:1.1rem;opacity:.9;margin:0 0 1rem;line-height:1.5}.achievement-reward{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:.75rem 1.5rem;font-weight:600;margin:0 auto;width:fit-content}.achievement-stats{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.stat-item{text-align:center;color:#fff}.stat-label{display:block;font-size:.9rem;opacity:.8;margin-bottom:.25rem}.stat-value{display:block;font-size:1.3rem;font-weight:700}.celebration-actions{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.action-btn{padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn.primary{background:#ffffffe6;color:#333}.action-btn.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.action-btn.secondary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.action-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.celebration-message{color:#fff;font-size:1rem;opacity:.9;margin-top:2rem}.celebration-message p{margin:0;font-style:italic}@media (max-width: 768px){.celebration-content{padding:1rem;margin:1rem}.celebration-badge{width:120px;height:120px}.badge-emoji{font-size:3rem}.celebration-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:250px}.achievement-stats{gap:1rem}}.badge-collection{background:var(--card-bg);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color);margin-bottom:2rem}.level-header{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:1.5rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--surface-variant) 0%,transparent 100%);border-radius:12px}.current-level{display:flex;align-items:center;gap:1rem}.current-level-simple{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.tier-badge-container{display:flex;justify-content:center;align-items:center;width:100%}.tier-badge{display:flex;align-items:center;gap:.75rem;background:var(--tier-color);color:#fff;padding:1rem 2rem;border-radius:2rem;font-weight:700;font-size:1.1rem;box-shadow:0 4px 16px #00000026,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.tier-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}[data-theme=dark] .tier-badge{border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a}[data-theme=dark] .tier-badge:hover{box-shadow:0 6px 20px #0006}[data-theme=light] .tier-badge{border:2px solid rgba(0,0,0,.1);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff4d}.level-badge{display:flex;align-items:center;gap:.5rem;background:var(--tier-color);color:#fff;padding:.75rem 1.25rem;border-radius:25px;font-weight:700;box-shadow:0 4px 20px #0003;text-shadow:0 1px 2px rgba(0,0,0,.3)}.level-info h3{margin:0 0 .25rem;color:var(--text-primary);font-size:1.5rem;font-weight:700}.tier-name{color:var(--text-muted);font-size:.9rem;text-transform:capitalize}.next-level{text-align:right;color:var(--text-muted)}.next-level span{display:block;margin-bottom:.25rem}.requirement{font-size:.8rem;color:var(--primary-color);font-weight:600}.level-progress{margin-bottom:2rem}.progress-bar{width:100%;height:12px;background:var(--background-secondary);border-radius:25px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .5s ease;border-radius:25px}.progress-text{font-size:.9rem;color:var(--text-muted);text-align:center;display:block}.badges-grid .section-title{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.badges-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:450px;overflow-y:auto;padding:.5rem}.badges-container::-webkit-scrollbar{width:6px}.badges-container::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:3px}.badges-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.badge-card{position:relative;background:linear-gradient(135deg,var(--card-bg) 0%,var(--surface-variant) 100%);border:2px solid var(--rarity-color);border-radius:12px;padding:.875rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;height:130px;display:flex;flex-direction:column;box-shadow:0 4px 16px #00000014,0 0 0 1px var(--rarity-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 12px 32px var(--rarity-glow),0 0 0 2px var(--rarity-color);border-color:var(--rarity-color)}.badge-card.locked{opacity:.6;border-color:#666;background:linear-gradient(135deg,var(--background-secondary) 0%,var(--surface-variant) 100%);filter:grayscale(100%) brightness(.8)}.badge-card.locked:hover{transform:translateY(-1px) scale(1.01);opacity:.6}.badge-card.común{border-color:#9ca3af}.badge-card.raro{border-color:#3b82f6}.badge-card.épico{border-color:#8b5cf6}.badge-card.legendario{border-color:#f59e0b;background:linear-gradient(135deg,var(--card-bg) 0%,rgba(245,158,11,.1) 100%)}.badge-card-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.badge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.badge-rarity{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--rarity-color);background:#ffffff26;padding:.2rem .4rem;border-radius:3px;line-height:1}.badge-icon{font-size:2.2rem;text-align:center;margin:.4rem 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1;transition:transform .3s ease}.badge-card.locked .badge-icon{filter:grayscale(100%) opacity(.4)}.badge-info{flex:1;text-align:center;margin-bottom:.5rem}.badge-info h5{margin:0 0 .25rem;color:var(--text-primary);font-weight:700;font-size:.9rem;line-height:1.2}.badge-info p{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.badge-requirement{font-size:.7rem;color:var(--rarity-color);font-weight:600;text-align:center;padding:.3rem .4rem;background:#ffffff14;border-radius:4px;margin-top:auto;line-height:1.1}.badge-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:badge-card-shine 3s linear infinite;pointer-events:none}@keyframes badge-card-shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-border{position:absolute;inset:-2px;background:linear-gradient(45deg,var(--rarity-color),transparent,var(--rarity-color));border-radius:12px;z-index:1;opacity:0;transition:opacity .3s ease}.badge-card:hover .badge-border{opacity:.8;animation:border-rotate 2s linear infinite}.badge-card:hover .badge-icon{transform:scale(1.1) rotate(5deg)}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1080;padding:1rem}.badge-modal{background:var(--card-bg);border-radius:16px;padding:2rem;max-width:400px;width:100%;text-align:center;border:2px solid var(--primary-color);animation:modal-appear .3s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.badge-detail-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.badge-modal h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.5rem}.badge-modal p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.badge-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:var(--background-secondary);border-radius:8px}.badge-stats span{font-size:.9rem;color:var(--text-muted)}.modal-close-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-close-btn:hover{background:var(--gradient-secondary);transform:translateY(-2px)}@media (max-width: 1024px){.badges-container{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem}.badge-card{height:120px;padding:.75rem}.tier-badge{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width: 768px){.level-header{padding:1rem;margin-bottom:1.5rem}.badges-container{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.875rem;max-height:350px;padding:.875rem}.badge-card{height:130px;padding:.625rem}.badge-icon{font-size:1.8rem;margin:.25rem 0}.badge-info h5{font-size:.75rem}.badge-info p{font-size:.6rem}.tier-badge{font-size:.9rem;padding:.75rem 1.25rem;gap:.5rem}}@media (max-width: 480px){.badges-container{grid-template-columns:repeat(2,1fr)}.level-badge{flex-direction:column;text-align:center;padding:.5rem 1rem}}.profile-avatar-container{position:relative;cursor:pointer;transition:transform .3s ease;display:inline-block;width:64px;height:64px}.profile-avatar-container:hover{transform:scale(1.05)}.profile-avatar-container .profile-avatar{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--user-primary),#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.2rem;border:3px solid #fff;box-shadow:0 2px 8px #8b5cf61f;transition:filter .3s ease;z-index:1;box-sizing:border-box}.profile-avatar-container .profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-edit-overlay{position:absolute;top:0;left:0;width:64px;height:64px;background:#000000b3;border-radius:50%;border:3px solid transparent;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2;box-sizing:border-box}.profile-edit-overlay svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.profile-avatar-container:hover .profile-edit-overlay{opacity:1}.profile-avatar-container:hover .profile-avatar{filter:brightness(.8)}.user-sidebar.collapsed .profile-avatar-container{width:52px;height:52px}.user-sidebar.collapsed .profile-avatar-container .profile-avatar{width:52px;height:52px;font-size:1.6rem;border:2px solid #fff}.user-sidebar.collapsed .profile-edit-overlay{width:52px;height:52px;border:2px solid transparent}.profile-page-container{padding:2rem;max-width:1200px;margin:0 auto;color:var(--text-color)}.profile-header{margin-bottom:2rem;background:var(--card-bg);border-radius:1rem;padding:2rem;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.profile-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.profile-header-left{flex:1}.profile-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.breadcrumb-icon{width:16px;height:16px}.profile-title{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0;line-height:1.5}.profile-header-actions{display:flex;gap:1rem}.btn-edit-profile{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:var(--shadow-primary)}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary),0 8px 25px #6d28d94d}.profile-edit-actions{display:flex;gap:.75rem}.btn-cancel,.btn-save{border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-cancel{background:var(--background-color);color:var(--text-color);border:1px solid var(--border-color)}.btn-cancel:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444}.btn-save{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-secondary)}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-secondary),0 8px 25px #10b9814d}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-main-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--surface-variant) 100%);border-radius:1.5rem;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card-header{padding:0;position:relative}.profile-header-section{display:flex;justify-content:center;align-items:center;padding:3rem 0;border-bottom:2px solid var(--border-color);margin-bottom:2rem;background:linear-gradient(135deg,var(--surface-variant) 0%,transparent 100%);border-radius:1rem 1rem 0 0;min-height:200px}.profile-content-section{padding:0 2.5rem 2.5rem}.profile-basic-info{max-width:600px;margin:0 auto;text-align:center}.profile-avatar-center{display:flex;justify-content:center;margin-bottom:2rem}.profile-info-section{text-align:center}.profile-avatar-section{display:flex;gap:2.5rem;align-items:flex-start;margin-bottom:2rem}.profile-main-card .profile-avatar-container{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.profile-header-section .profile-avatar-container{position:relative;display:flex;align-items:center;justify-content:center}.profile-avatar-large{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;background:var(--gradient-primary);border:4px solid var(--card-bg);box-shadow:0 4px 20px #0000001a;margin:0;padding:0;flex-shrink:0}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;margin:0;padding:0}.profile-avatar-placeholder{background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0;padding:0}.profile-main-card .profile-avatar-overlay{position:absolute;inset:0;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;cursor:pointer}.profile-main-card .profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.avatar-upload-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.avatar-upload-btn:hover{background:#fff3}.hidden-file-input{display:none}.profile-basic-info{flex:1;min-width:0;max-width:600px;margin:0 auto}.profile-name{font-size:2.4rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-username{font-size:1.3rem;color:var(--primary-color);margin:0 0 1.5rem;font-weight:600;opacity:.9}.profile-email,.profile-joined{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem;color:var(--text-secondary);padding:.5rem 1rem;background:rgba(var(--primary-color-rgb),.05);border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--primary-color-rgb),.1);max-width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:.75rem}.profile-email svg,.profile-joined svg{color:var(--text-muted)}.profile-edit-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left;margin-top:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-input{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease}.profile-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6d28d91a;background:var(--card-bg)}.profile-input:disabled{opacity:.6;cursor:not-allowed;background:var(--background-color)}.form-help{font-size:.8rem;color:var(--text-muted);margin-top:.25rem;display:block}.profile-level-section{background:var(--background-color);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-color)}.level-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-accent);color:#fff;padding:.5rem 1rem;border-radius:50px;font-weight:600;margin-bottom:1rem;box-shadow:0 2px 8px #3b82f64d}.level-icon{width:20px;height:20px}.level-progress{display:flex;flex-direction:column;gap:.5rem}.progress-info{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.progress-bar-container{height:8px;background:#3b82f633;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-accent);border-radius:4px;transition:width .3s ease}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--surface-variant) 100%);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000014,0 1px 4px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid transparent}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #00000026,0 4px 12px #0000001a}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;margin:0;line-height:1.2}.stat-label{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0}.balance-card{border-left-color:var(--secondary-color)}.balance-card .stat-icon{background:linear-gradient(135deg,#10b98126,#10b9810d);color:var(--secondary-color);border:1px solid rgba(16,185,129,.2)}.balance-card .stat-value{color:var(--secondary-color);text-shadow:0 1px 2px rgba(16,185,129,.1)}.earnings-card{border-left-color:var(--accent-blue)}.earnings-card .stat-icon{background:linear-gradient(135deg,#3b82f626,#3b82f60d);color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.earnings-card .stat-value{color:var(--accent-blue);text-shadow:0 1px 2px rgba(59,130,246,.1)}.tasks-card .stat-icon{background:#fb923c1a;color:var(--accent-orange)}.tasks-card .stat-value{color:var(--accent-orange)}.success-card .stat-icon{background:#8b5cf61a;color:var(--primary-color)}.success-card .stat-value{color:var(--primary-color)}.referrals-card{border-left-color:var(--accent-pink)}.referrals-card .stat-icon{background:linear-gradient(135deg,#ec489926,#ec48990d);color:var(--accent-pink);border:1px solid rgba(236,72,153,.2)}.referrals-card .stat-value{color:var(--accent-pink);text-shadow:0 1px 2px rgba(236,72,153,.1)}@media (max-width: 768px){.profile-page-container{padding:1rem}.profile-header-content{flex-direction:column;gap:1rem}.profile-title{font-size:2rem}.profile-avatar-section{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.profile-avatar-large{width:100px;height:100px;font-size:2.5rem}.form-row,.profile-stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.profile-edit-actions{flex-direction:column;gap:.5rem}.profile-header,.profile-card-header{padding:1.5rem}}@media (max-width: 1023px){.mobile-profile .profile-page-container{padding:1rem;margin:0;max-width:100%}.mobile-profile .profile-header{margin-bottom:1.5rem;padding:0}.mobile-profile .profile-title{font-size:1.75rem;margin:.5rem 0}.mobile-profile .profile-breadcrumb{font-size:.85rem;opacity:.8}.mobile-profile-layout{display:flex;flex-direction:column;gap:1.5rem}.mobile-profile-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--surface-variant) 100%);border:1px solid var(--border-color);border-radius:1.5rem;padding:0;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 4px 16px #00000014}.mobile-profile-avatar-section{background:linear-gradient(135deg,var(--surface-variant) 0%,transparent 100%);padding:2rem 1.5rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.mobile-profile-info{padding:1.5rem;text-align:center}.mobile-profile-avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;width:100%}.mobile-profile .profile-avatar-container{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;width:100px;height:100px}.mobile-profile .profile-avatar-large{width:100px;height:100px;border-radius:50%;object-fit:cover}.mobile-profile .profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:700;box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}.mobile-level-badge{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-weight:600;font-size:.9rem;box-shadow:0 2px 10px rgba(var(--primary-color-rgb),.3)}.mobile-profile-info{text-align:center}.mobile-profile-name{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.mobile-profile-username{font-size:1rem;color:var(--text-secondary);margin:0 0 1rem}.mobile-profile-details{display:flex;flex-direction:column;gap:.75rem;align-items:center}.mobile-profile-email,.mobile-profile-joined{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.mobile-edit-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.mobile-edit-form .form-group{margin-bottom:0}.mobile-edit-form .form-label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.9rem;color:var(--text-primary)}.mobile-input{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.mobile-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.mobile-input:disabled{background:var(--disabled-bg);color:var(--text-secondary);cursor:not-allowed}.mobile-level-progress{background:var(--input-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem}.mobile-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem}.mobile-progress-info span:first-child{color:var(--text-secondary);font-weight:500}.mobile-progress-info span:last-child{color:var(--text-primary);font-weight:600}.mobile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;margin-bottom:1.5rem;grid-template-rows:1fr}.mobile-stat-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.mobile-stat-card:active{transform:scale(.98)}.mobile-stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#fff}.mobile-stat-icon.balance{background:linear-gradient(135deg,#10b981,#22c55e)}.mobile-stat-icon.earnings{background:linear-gradient(135deg,#f59e0b,#f97316)}.mobile-stat-icon.referrals{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.mobile-stat-value{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;display:block;word-break:break-word;line-height:1.2}.mobile-stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}@media (max-width: 380px){.mobile-stats-grid{gap:.5rem}.mobile-stat-card{padding:.75rem}.mobile-stat-icon{width:32px;height:32px;margin-bottom:.5rem}.mobile-stat-value{font-size:.85rem}.mobile-stat-label{font-size:.75rem}}.mobile-profile .profile-edit-actions{flex-direction:row;gap:.75rem;justify-content:center}.mobile-profile .btn-cancel,.mobile-profile .btn-save{flex:1;min-height:48px;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.mobile-profile .btn-edit-profile{width:100%;min-height:48px;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.mobile-profile .btn-edit-profile:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}.mobile-profile .btn-edit-profile:active{transform:translateY(0)}.mobile-profile-avatar-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.mobile-level-badge-top{position:absolute;top:-8px;right:-5px;display:flex;align-items:center;gap:.4rem;background:var(--gradient-primary);color:#fff;padding:.4rem .8rem;border-radius:1rem;font-weight:600;font-size:.8rem;box-shadow:0 2px 12px rgba(var(--primary-color-rgb),.4);z-index:0;transform:scale(.85);border:2px solid rgba(255,255,255,.2)}.mobile-edit-actions{display:flex;gap:.75rem;margin-top:1.5rem}.mobile-edit-actions .btn-cancel,.mobile-edit-actions .btn-save{flex:1;min-height:48px;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.mobile-edit-actions .btn-cancel{background:transparent;border:2px solid var(--error-color);color:var(--error-color)}.mobile-edit-actions .btn-cancel:hover{background:var(--error-color);color:#fff}.mobile-edit-actions .btn-save{background:var(--gradient-primary);color:#fff;border:none}.mobile-edit-actions .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}.mobile-edit-actions .btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-edit-button-container{margin-top:1.5rem}.mobile-edit-button-container .btn-edit-profile{width:100%;min-height:48px;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.mobile-edit-button-container .btn-edit-profile:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}}@media (min-width: 1024px){.profile-card-header{position:relative}.desktop-level-badge-top{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;padding:.75rem 1.25rem;border-radius:1.5rem;font-weight:700;font-size:.9rem;box-shadow:0 4px 16px #6d28d94d,inset 0 1px #fff3;z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.desktop-edit-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}.desktop-edit-actions .btn-cancel,.desktop-edit-actions .btn-save{min-height:44px;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.desktop-edit-actions .btn-cancel{background:transparent;border:2px solid var(--error-color);color:var(--error-color)}.desktop-edit-actions .btn-cancel:hover{background:var(--error-color);color:#fff;transform:translateY(-1px)}.desktop-edit-actions .btn-save{background:var(--gradient-primary);color:#fff;border:none}.desktop-edit-actions .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}.desktop-edit-actions .btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.desktop-edit-button-container{margin-top:2rem;display:flex;justify-content:center}.desktop-edit-button-container .btn-edit-profile{min-height:44px;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.desktop-edit-button-container .btn-edit-profile:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3)}}.mobile-sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.user-sidebar.mobile-sidebar{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1050;box-shadow:4px 0 20px #00000026}.user-sidebar.mobile-sidebar.mobile-sidebar-open{transform:translate(0);margin-top:40px}.user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn{position:absolute;top:1rem;right:1rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:var(--shadow-primary);z-index:10}.user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);transform:translateY(-1px) scale(1.05)}body.dark .user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}body.dark .user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary)}.user-sidebar.mobile-sidebar .profile-info.mobile-profile-info{opacity:1;max-height:none;padding:0;margin-top:1rem}.user-sidebar.mobile-sidebar .profile-avatar-container{position:relative;cursor:pointer;transition:transform .3s ease;display:inline-block;width:80px;height:80px}.user-sidebar.mobile-sidebar .profile-avatar-container:hover{transform:scale(1.05)}.user-sidebar.mobile-sidebar .profile-avatar-container .profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--user-primary),#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.8rem;border:4px solid #fff;box-shadow:0 4px 12px #8b5cf626;transition:filter .3s ease;z-index:1;box-sizing:border-box}.user-sidebar.mobile-sidebar .profile-avatar-container .profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-sidebar.mobile-sidebar .avatar-fallback,.user-sidebar.mobile-sidebar .avatar-initial{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--user-primary),#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.8rem;border:4px solid #fff;box-shadow:0 4px 12px #8b5cf626;box-sizing:border-box}.user-sidebar.mobile-sidebar .profile-name{font-size:1.3rem!important;font-weight:600!important;margin-bottom:.25rem}.user-sidebar.mobile-sidebar .profile-level{font-size:1rem!important;opacity:.9}.user-sidebar.mobile-sidebar .profile-edit-overlay.mobile-profile-edit{position:absolute;top:0;left:0;width:80px;height:80px;background:#000000b3;border-radius:50%;border:4px solid transparent;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2;box-sizing:border-box}.user-sidebar.mobile-sidebar .profile-edit-overlay.mobile-profile-edit svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.user-sidebar.mobile-sidebar .profile-avatar-container:hover .profile-edit-overlay.mobile-profile-edit{opacity:1}.user-sidebar.mobile-sidebar .profile-avatar-container:hover .profile-avatar{filter:brightness(.8)}.user-sidebar.mobile-sidebar .sidebar-nav.mobile-sidebar-nav a span{display:inline;margin-left:12px}.user-sidebar.mobile-sidebar .btn-logout.mobile-btn-logout span{display:inline;margin-left:8px}@media (max-width: 768px){.user-sidebar.mobile-sidebar{width:260px}}@media (max-width: 480px){.user-sidebar.mobile-sidebar{width:240px}.user-sidebar.mobile-sidebar .profile-avatar-container{width:72px;height:72px}.user-sidebar.mobile-sidebar .profile-avatar-container .profile-avatar,.user-sidebar.mobile-sidebar .avatar-fallback,.user-sidebar.mobile-sidebar .avatar-initial{width:82px;height:82px;font-size:2.8rem;border:3px solid #fff}.user-sidebar.mobile-sidebar .profile-edit-overlay.mobile-profile-edit{width:82px;height:82px;border:3px solid transparent}.user-sidebar.mobile-sidebar .profile-name{font-size:1.2rem!important}.user-sidebar.mobile-sidebar .profile-level{font-size:.9rem!important}}.category-header{position:fixed;top:0;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:flex-end;padding:1rem 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;min-height:48px;box-sizing:border-box}body.dark .category-header{background:#1e293bcc}.desktop-unified-header{position:fixed!important;top:0!important;z-index:999!important;height:88px!important;box-sizing:border-box!important;left:260px!important;right:0!important;width:calc(100% - 260px)!important;margin-left:0!important;transition:left .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1)!important;display:flex;align-items:center;justify-content:flex-end;padding:1rem 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-sidebar.collapsed+.desktop-unified-header,.sidebar-collapsed .desktop-unified-header{left:70px!important;width:calc(100% - 70px)!important;transition:left .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1)!important}.desktop-unified-header+*{margin-top:0!important;padding-top:0!important}@media (min-width: 769px){.dashboard-main-content:not(.mobile-layout){padding-top:88px!important}}.desktop-layout .category-header{left:280px;width:calc(100% - 280px)}.desktop-layout.sidebar-collapsed .category-header{left:70px;width:calc(100% - 70px)}.mobile-layout .category-header{left:0;width:100%}.category-header-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.category-header-actions .navbar-icon{width:40px;height:40px;padding:0;background:#ffffffe6;border:2px solid rgba(139,92,246,.2);border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #8b5cf626}.category-header-actions .navbar-icon:hover{background:#8b5cf61a;border-color:#8b5cf666;transform:scale(1.05);box-shadow:0 8px 25px #8b5cf640;color:#7c3aed}body.dark .category-header-actions .navbar-icon{background:#1e293be6;border-color:#8b5cf64d}body.dark .category-header-actions .navbar-icon:hover{background:#8b5cf626}.category-header-actions .header-avatar{border:none;box-shadow:none;transition:all .3s ease}.category-header-actions .header-avatar:hover{border:none;box-shadow:none;transform:none}body.dark .category-header-actions .header-avatar{border:none;box-shadow:none}.settings-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffffe6;border:2px solid rgba(139,92,246,.2);border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #8b5cf626}.settings-button:hover{background:#8b5cf61a;border-color:#8b5cf666;transform:scale(1.05);box-shadow:0 8px 25px #8b5cf640}.settings-icon{color:#8b5cf6;transition:all .3s ease}.settings-button:hover .settings-icon{color:#7c3aed;transform:rotate(90deg)}body.dark .settings-button{background:#1e293be6;border-color:#8b5cf64d}body.dark .settings-button:hover{background:#8b5cf626}.desktop-layout .category-header+*{padding-top:50px}.mobile-layout .category-header+*{padding-top:50px}@media (max-width: 768px){.category-header{padding:.6rem 1rem;min-height:38px;flex-direction:row;gap:1rem}}.sidebar-profile.unified-header{position:fixed;top:0;left:0;right:0;width:100%;height:80px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;box-sizing:border-box;flex-direction:row!important;gap:1rem}.sidebar-profile:not(.unified-header){background:var(--user-sidebar-bg)}body.dark .sidebar-profile.unified-header{background:#1e293bcc}.sidebar-header-actions{display:flex;align-items:center;gap:1rem;position:static;margin:0}.sidebar-header-actions.desktop-header-actions{position:static}.unified-header .company-logo-container,.company-logo-container{display:flex;flex-direction:row;align-items:center;gap:.75rem}.company-logo{display:flex;align-items:center;justify-content:center}.company-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.company-name{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.unified-header .company-info{display:flex;flex-direction:column;align-items:flex-start}.unified-header .company-name{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.unified-header .company-subtitle{font-size:.75rem;color:var(--text-muted);margin:0;opacity:.8;line-height:1}.company-name{font-size:1rem;font-weight:700;color:var(--text-color);margin:0;line-height:1.2}.company-subtitle{font-size:.7rem;color:var(--text-muted);margin:0;opacity:.8;line-height:1}.user-dropdown-container{position:relative;display:inline-block;border:none;background:transparent;box-shadow:none;outline:none}.user-dropdown-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:0;border-radius:0;background:transparent;transition:all .3s ease}.user-dropdown-trigger:hover{background:transparent}.dropdown-arrow{color:var(--text-medium);transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--user-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;color:var(--text-color);font-size:.9rem}.dropdown-item:hover{background:var(--user-bg-secondary)}.theme-toggle{justify-content:space-between}.theme-icon{display:flex;align-items:center;color:var(--text-medium)}.theme-text{flex:1;margin-left:.5rem}.theme-switch{width:40px;height:20px;border-radius:10px;position:relative;transition:all .3s ease;cursor:pointer}.theme-switch.light{background:#e5e7eb}.theme-switch.dark{background:#8b5cf6}.theme-switch-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.theme-switch.light .theme-switch-thumb{left:2px}.theme-switch.dark .theme-switch-thumb{left:22px}.dropdown-separator{height:1px;background:var(--border-color);margin:.25rem 0}.logout-item{color:#ef4444}.logout-item:hover{background:#ef44441a}body.dark .user-dropdown-menu{background:#1e293bf2;border-color:#334155cc;box-shadow:0 10px 25px #0000004d}body.dark .user-dropdown-trigger:hover{background:transparent}body.dark .dropdown-arrow{color:var(--text-medium)}.simple-task-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px;max-width:600px}.simple-provider-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.simple-provider-logo{background:#fff;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-color);overflow:hidden}.simple-provider-logo img{width:100%;height:100%;object-fit:contain;border-radius:10px}.simple-provider-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.simple-provider-info p{margin:0;color:var(--text-muted);font-size:14px}.simple-provider-status{background:#10b9811a;color:var(--accent-green);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.simple-provider-features{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.simple-feature{display:flex;align-items:center;gap:6px;background:var(--background-secondary);padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-primary)}.simple-start-btn{width:100%;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.simple-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.back-to-providers-btn{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;margin-bottom:20px;transition:all .2s ease}.back-to-providers-btn:hover{background:var(--primary-color);color:#fff}@media (max-width: 768px){.simple-provider-header{flex-direction:column;text-align:center;gap:12px}.simple-provider-features{justify-content:center}.simple-task-card{padding:20px;margin:0 auto}}@media (max-width: 480px){.simple-task-card{padding:16px}.simple-provider-features{flex-direction:column;gap:8px}.simple-feature{justify-content:center}}:root{--primary-color: #8B5CF6;--secondary-color: #22c55e;--background-color: #0f1419;--card-bg: #1f2937;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-medium: #9ca3af;--border-color: #374151;--shadow-accent: 0 4px 6px -1px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}.main-container{padding:2rem;max-width:1200px;margin:0 auto}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-accent)}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#16a34a;transform:translateY(-1px)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:red}.auth-card{background:#ffffff1a;border:1px solid var(--border-color);border-radius:1rem;padding:2rem;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#8b5cf6,#22c55e);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-subtitle{color:var(--text-medium);font-size:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:#1f293780;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.user-layout{display:flex;min-height:100vh}.content-area{flex:1;padding:2rem;overflow-y:auto}.dashboard-container{padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-medium)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:#fff;padding:1.5rem;border-radius:1rem;text-align:center}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:.875rem;opacity:.9}.sidebar{width:250px;background:var(--card-bg);border-right:1px solid var(--border-color);padding:1rem;overflow-y:auto}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.5rem;transition:all .3s ease}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--primary-color);color:#fff}.verify-input-container{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.verify-input{width:50px;height:50px;text-align:center;font-size:1.25rem;font-weight:600;border:2px solid var(--border-color);border-radius:.5rem;background:#1f293780;color:var(--text-primary);transition:all .3s ease}.verify-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf633}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}@media (max-width: 768px){.user-layout{flex-direction:column}.sidebar{width:100%;height:auto}.auth-layout,.dashboard-container{padding:1rem}.verify-input{width:40px;height:40px;font-size:1rem}}@media (max-width: 480px){.auth-card{padding:1.5rem}.verify-input-container{gap:.25rem}.verify-input{width:35px;height:35px;font-size:.875rem}}.main-app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;background:linear-gradient(135deg,var(--background-color),var(--background-color));color:var(--text-color);position:relative}.main-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none}.main-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.app-header{background:var(--gradient-primary);border-bottom:1px solid var(--border-color, #374151);padding:1rem 0;box-shadow:var(--shadow-primary);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.app-footer{background-color:var(--user-sidebar-bg, #0f172a);color:var(--text-medium, #9CA3AF);text-align:center;padding:1rem;border-top:1px solid var(--border-color, #374151)}@media (max-width: 768px){.main-content{padding:1rem}.main-wrapper{padding:0 .5rem}}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}