*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#149fd2,#0f7ba3 50%,#0a5a7a);display:flex;justify-content:center;min-height:100vh;padding:1rem;position:relative}.login-container:before{background-image:radial-gradient(circle at 25% 25%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff0d;max-width:500px;padding:2rem 2.5rem;position:relative;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo{display:block;height:80%;margin:0 auto 1.5rem;width:80%}.login-title{color:#149fd2;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.login-subtitle{color:#6b7280;font-size:.875rem;font-weight:400}.login-form{flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-label{font-weight:500;margin-bottom:.25rem}.input-container{position:relative}.input-icon{color:#9ca3af;height:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.125rem;z-index:1}.form-input{border-radius:12px;font-weight:400;padding:1rem 1rem 1rem 3rem;position:relative;transition:all .2s ease;z-index:1}.form-input:focus{box-shadow:0 0 0 3px #149fd21a}.form-input:focus+.input-icon{color:#149fd2}.password-container{position:relative}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:.25rem;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:1.5rem;z-index:10}.password-toggle:hover{background-color:#f3f4f6;color:#374151}.password-toggle svg{height:1.125rem;width:1.125rem}.error-message{font-size:.8rem;margin-top:.25rem}.error-alert{border-radius:10px;padding:.875rem}.remember-container{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.remember-checkbox{background:#fff;border:1.5px solid #d1d5db;border-radius:4px;cursor:pointer;height:1.125rem;position:relative;width:1.125rem}.remember-checkbox:checked{background-color:#149fd2;border-color:#149fd2}.remember-checkbox:checked:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.remember-label{color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:400}.submit-button{background:linear-gradient(135deg,#149fd2,#0f7ba3);border:none;border-radius:12px;box-shadow:0 4px 15px #149fd240;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:all .3s ease}.submit-button:hover{background:linear-gradient(135deg,#1195c4,#0e6b8f);box-shadow:0 6px 25px #149fd259;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{box-shadow:0 4px 15px #149fd226;cursor:not-allowed;opacity:.6;transform:none}.register-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem;text-align:center}.register-text{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.register-buttons{display:flex;gap:.75rem}.register-button{background:#0000;border:1.5px solid #149fd2;border-radius:10px;color:#149fd2;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.875rem 1rem;text-align:center;transition:all .25s ease}.register-button.client{background:#149fd2;border-color:#149fd2;color:#fff}.register-button.client:hover{background:#1195c4;border-color:#1195c4;box-shadow:0 4px 15px #149fd240;transform:translateY(-1px)}.register-button.distributor:hover{background:#f8fafc;border-color:#1195c4;color:#1195c4;transform:translateY(-1px)}@media (max-width:480px){.login-card{margin:1rem;max-width:360px;padding:2.5rem 2rem}.login-title{font-size:1.625rem}.register-buttons{flex-direction:column}.form-input{padding:.875rem .875rem .875rem 2.75rem}}.distributor-container{align-items:center;background:linear-gradient(135deg,#149fd2,#0f7ba3 50%,#0a5a7a);display:flex;justify-content:center;min-height:100vh;padding:1rem;position:relative}.distributor-container:before{background-image:radial-gradient(circle at 25% 40%,#ffffff14 0,#0000 50%),radial-gradient(circle at 75% 80%,#ffffff0f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.distributor-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001f,0 0 0 1px #ffffff1a;max-width:540px;padding:2rem;position:relative;width:100%}.distributor-header{margin-bottom:1.5rem;text-align:center}.distributor-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#149fd2,#0f7ba3);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.25rem}.distributor-subtitle{color:#4b5563;font-size:.875rem;font-weight:500}.progress-bar{margin-bottom:1.75rem}.progress-steps{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-step{align-items:center;border-radius:10px;display:flex;font-size:.8rem;font-weight:600;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.progress-step.completed{background:#10b981;color:#fff}.progress-step.active{background:#149fd2;box-shadow:0 0 0 3px #149fd233;color:#fff}.progress-step.inactive{background:#e5e7eb;color:#4b5563}.progress-labels{color:#4b5563;display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.progress-bar-track{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#149fd2,#0f7ba3);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.form-content{display:flex;flex-direction:column;min-height:380px}.step-content{display:flex;flex:1 1;flex-direction:column;gap:1rem}.step-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.125rem}.form-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;font-size:.9rem;font-weight:500;padding:.75rem .875rem;transition:all .25s ease;width:100%}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-input:focus{border-color:#149fd2;box-shadow:0 0 0 3px #149fd214;outline:none}.form-input.error{background-color:#fef2f2;border-color:#ef4444}.form-textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:.9rem;font-weight:500;min-height:80px;padding:.75rem .875rem;resize:vertical;transition:all .25s ease;width:100%}.form-textarea:focus{border-color:#149fd2;box-shadow:0 0 0 3px #149fd214;outline:none}.form-textarea.error{background-color:#fef2f2;border-color:#ef4444}.form-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem .875rem;transition:all .25s ease;width:100%}.form-select:focus{border-color:#149fd2;box-shadow:0 0 0 3px #149fd214;outline:none}.form-select.error{background-color:#fef2f2;border-color:#ef4444}.checkbox-group{align-items:flex-start;display:flex;gap:.75rem;margin:.75rem 0}.form-checkbox{background:#fff;border:1.5px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:1.125rem;margin-top:.125rem;width:1.125rem}.form-checkbox:checked{background-color:#149fd2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3E%3C/svg%3E");border-color:#149fd2}.checkbox-label{color:#4b5563;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;line-height:1.5}.error-message{color:#ef4444}.error-message,.success-message{font-size:.75rem;font-weight:500;margin-top:.125rem}.success-message{color:#10b981}.error-alert{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.75rem}.error-alert-text{color:#dc2626;font-size:.8rem;font-weight:500}.info-box{background:#149fd214;border:1px solid #149fd233;border-radius:10px;margin:.75rem 0;padding:.875rem}.info-box-text{color:#149fd2;font-size:.825rem;font-weight:500;line-height:1.4}.referral-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:.5rem;padding:.875rem}.referral-success-title{color:#166534;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.referral-success-text{color:#15803d;font-size:.8rem;line-height:1.4}.referral-success-text p{margin:.125rem 0}.summary-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin:.75rem 0;padding:1rem}.summary-title{color:#149fd2;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.summary-content{color:#0f7ba3;font-size:.8rem;line-height:1.5}.summary-content p{margin:.25rem 0}.password-requirements{color:#4b5563;font-size:.8rem;margin-top:.5rem}.password-requirements p{font-weight:500;margin:.25rem 0}.password-requirements ul{margin-left:1rem;margin-top:.25rem}.password-requirements li{margin:.125rem 0}.form-navigation{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.25rem}.nav-button{border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .25s ease}.nav-button-secondary{background:#f8fafc;border:1.5px solid #e5e7eb;color:#4b5563}.nav-button-secondary:hover{background:#f1f5f9;border-color:#d1d5db;transform:translateY(-1px)}.nav-button-primary{background:linear-gradient(135deg,#149fd2,#0f7ba3);box-shadow:0 3px 12px #149fd240;color:#fff}.nav-button-primary:hover{box-shadow:0 6px 20px #149fd24d;transform:translateY(-1px)}.nav-button-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-to-login{margin-top:1rem;text-align:center}.back-link{background:none;border:none;color:#149fd2;cursor:pointer;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease}.back-link:hover{color:#0f7ba3;text-decoration:underline}.payment-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;margin:1rem 0;padding:1.5rem}.payment-header{color:#059669;font-size:1.1rem;font-weight:700;margin-bottom:1rem;text-align:center}.payment-details{grid-gap:1rem;color:#065f46;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.payment-benefits{background:#10b98126;border-radius:8px;margin:1rem 0;padding:.75rem}.payment-benefits h5{color:#059669;font-weight:600;margin:0 0 .5rem}.payment-benefits ul{color:#065f46;line-height:1.6;margin:.5rem 0 0 1.2rem}.payment-button-primary{background:linear-gradient(135deg,#10b981,#059669)!important;border:none;border-radius:10px;box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .25s ease;width:100%}.payment-button-primary:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;transform:translateY(-1px)}.payment-button-primary:disabled{background:linear-gradient(135deg,#94a3b8,#64748b)!important;box-shadow:none;cursor:not-allowed;transform:none}.payment-security-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:1rem 0;padding:1rem;text-align:center}.payment-security-info p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.payment-security-title{color:#475569;font-weight:500;margin-bottom:.5rem}.investment-info-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #149fd2;border-radius:12px;margin:1rem 0;padding:1.5rem}.investment-highlight{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.investment-amount{color:#149fd2;font-size:1.5rem;font-weight:700;margin:0}.investment-discount{color:#10b981;font-size:1.2rem;font-weight:700;margin:0}.benefits-grid{background:#149fd21a;border-radius:8px;margin:1rem 0;padding:.75rem}.countdown-text{color:#6b7280;font-size:.9rem;margin:1rem 0;text-align:center}.action-buttons-group{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.secondary-actions{display:flex;gap:1rem;justify-content:center}.dev-option{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.dev-option p{color:#6b7280;font-size:.8rem;margin-bottom:.5rem;text-align:center}.success-icon{font-size:4rem;margin-bottom:1.5rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.warning-icon{font-size:4rem;margin-bottom:1.5rem;text-align:center}.processing-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.next-steps{background:#149fd21a;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.next-steps h5{color:#149fd2;margin-bottom:1rem}.next-steps p{color:#0f7ba3;line-height:1.8;margin:.5rem 0}.reminder-box{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:2rem 0;padding:1rem}.reminder-text{color:#92400e;font-size:.9rem;line-height:1.6;margin:0}.payment-status-container{align-items:center;background:linear-gradient(135deg,#149fd2,#0f7ba3 50%,#0a5a7a);display:flex;justify-content:center;min-height:100vh}.status-content{padding:2rem 0;text-align:center}.status-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (max-width:600px){.distributor-card{max-width:500px;padding:1.5rem 1.25rem}.distributor-title{font-size:1.75rem}.form-group-row{gap:1rem;grid-template-columns:1fr}.progress-labels{font-size:.7rem}.form-content{min-height:350px}.investment-highlight,.payment-details{gap:.5rem;grid-template-columns:1fr}.investment-highlight{text-align:center}.secondary-actions{flex-direction:column;gap:.75rem}.status-actions{align-items:center;flex-direction:column}}@media (max-width:480px){.distributor-card{max-width:400px;padding:1.25rem 1rem}.checkbox-group{gap:.5rem}.nav-button{font-size:.8rem;padding:.75rem 1.25rem}.progress-steps{gap:.5rem}.progress-step{font-size:.75rem;height:1.75rem;width:1.75rem}.investment-info-box,.next-steps,.payment-section{padding:1rem}}.dashboard-container{background:linear-gradient(135deg,#149fd2,#0f7ba3 50%,#0a5a7a);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000014;padding:1.5rem 2rem}.dashboard-logo{flex-shrink:0;height:auto;object-fit:contain;width:240px}.header-content{gap:2rem;justify-content:flex-start;margin:0 auto;max-width:1400px}.user-info{align-items:center;display:flex;gap:1.5rem}.user-info h1{color:#149fd2;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0;white-space:nowrap}.user-details{display:flex;gap:1rem;margin-top:0}.user-code,.user-level{background:linear-gradient(135deg,#149fd2,#0f7ba3);border-radius:20px;box-shadow:0 2px 8px #149fd240;color:#fff;font-size:.875rem;font-weight:500;padding:.375rem 1rem}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;opacity:1!important;z-index:10}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444459;transform:translateY(-2px)}.dashboard-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:0 0 20px 20px;display:flex;margin:0 auto;max-width:1400px;padding:0 2rem}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;padding:1.25rem 2rem;position:relative;transition:all .25s ease}.nav-tab:hover{background:#149fd20d;color:#149fd2}.nav-tab.active{background:#149fd214;border-bottom-color:#149fd2;color:#149fd2;font-weight:600}.dashboard-content{margin:0 auto;max-width:1400px;padding:2.5rem}.dashboard-error,.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid #fff3;height:48px;margin-bottom:1.5rem;width:48px}.dashboard-loading p{font-size:1.1rem;font-weight:500}.dashboard-error button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem}.resumen-tab{display:flex;flex-direction:column;gap:2.5rem}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;display:flex;gap:1.5rem;padding:2rem;position:relative}.stat-card:hover{box-shadow:0 15px 50px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;background:#149fd21a;border-radius:16px;color:#149fd2;display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.stat-card.comisiones .stat-icon{background:#22c55e1a;color:#22c55e}.stat-card.red .stat-icon{background:#f973161a;color:#f97316}.stat-card.referidos .stat-icon{background:#a855f71a;color:#a855f7}.stat-content h3{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.stat-number{color:#111827;font-size:2.25rem;font-weight:800;line-height:1;margin:0}.stat-label{font-size:.875rem}.goals-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:2.5rem}.goals-section h3{color:#111827;font-size:1.375rem;font-weight:700;margin:0 0 2rem}.goals-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.goal-card h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.progress-bar{background:#f3f4f6;border-radius:8px;box-shadow:inset 0 2px 4px #0000000f;height:12px;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#149fd2,#0f7ba3);border-radius:8px;box-shadow:0 2px 8px #149fd24d;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.goal-card p{color:#6b7280;font-size:.9rem;font-weight:500;margin:0}.ventas-tab{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:2.5rem}.ventas-tab h3{color:#111827;font-size:1.375rem;font-weight:700;margin:0 0 2.5rem}.sales-chart{align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1.5rem;height:250px;margin-bottom:3rem;padding:2rem}.chart-bar{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%}.bar{background:linear-gradient(0deg,#149fd2,#0f7ba3);border-radius:6px 6px 0 0;box-shadow:0 4px 12px #149fd233;margin-bottom:.75rem;min-height:24px;transition:all .3s ease;width:100%}.chart-bar:hover .bar{background:linear-gradient(0deg,#0f7ba3,#0a5a7a);transform:scaleY(1.05)}.bar-label{text-align:center}.bar-label .month{color:#6b7280;font-size:.8rem;font-weight:600;margin:0}.bar-label .value{color:#111827;font-size:.9rem;font-weight:700;margin:0}.commissions-table,.sales-table{border-radius:12px;margin-top:2rem;overflow-x:auto;overflow:hidden}.commissions-table table,.sales-table table{background:#fff;border-collapse:collapse;box-shadow:0 4px 20px #00000014;width:100%}.commissions-table td,.commissions-table th,.sales-table td,.sales-table th{border-bottom:1px solid #f3f4f6;padding:1.25rem;text-align:left}.commissions-table th,.sales-table th{background:linear-gradient(135deg,#149fd2,#0f7ba3);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.commissions-table td,.sales-table td{color:#374151;font-weight:500}.commissions-table tbody tr:hover,.sales-table tbody tr:hover{background:#149fd205}.comisiones-tab{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:2.5rem}.comisiones-tab h3{color:#111827;font-size:1.375rem;font-weight:700;margin:0 0 2.5rem}.tipo{border-radius:16px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem 1rem;text-transform:uppercase}.tipo.venta_directa{background:#149fd21a;color:#0f7ba3}.status.pagado,.tipo.comision_red{background:#22c55e1a;color:#16a34a}.status.pendiente{background:#f973161a;color:#ea580c}@media (max-width:1024px){.dashboard-content{padding:2rem}.stats-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.goals-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header{padding:1.25rem 1rem}.header-content{flex-direction:column;gap:1.5rem;text-align:center}.header-left{flex-direction:column;gap:1rem}.dashboard-logo{width:50px}.user-details{flex-wrap:wrap;justify-content:center}.dashboard-nav{flex-wrap:wrap;padding:0 1rem}.nav-tab{font-size:.875rem;padding:1rem 1.5rem}.dashboard-content{padding:1.5rem}.network-grid,.stats-grid{grid-template-columns:1fr}.sales-chart{gap:1rem;height:200px;padding:1.5rem}.member-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:480px){.dashboard-nav{flex-direction:column}.nav-tab{border-bottom:none;border-left:3px solid #0000;text-align:center}.nav-tab.active{border-bottom-color:#0000;border-left-color:#149fd2}.stat-card{flex-direction:column;padding:1.5rem;text-align:center}.stat-icon{font-size:2rem;height:60px;width:60px}.sales-chart{flex-direction:column;gap:1rem;height:auto}.chart-bar{align-items:center;flex-direction:row;height:50px}.bar{height:100%;margin-bottom:0;margin-right:1rem;width:70%}}.network-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.stat-item{align-items:center;background:#ffffffe6;border:1px solid #149fd21a;border-radius:10px;display:flex;flex-direction:column;min-width:120px;padding:1rem}.stat-value{font-size:1.8rem;line-height:1}.stat-label{font-size:.85rem;margin-top:.5rem;text-align:center}.commission-stats{margin-bottom:2rem}.stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.commission-stats .stat-card{background:#fffffff2;border-left:4px solid #149fd2;border-radius:12px;padding:1.5rem;text-align:center}.commission-stats .stat-card h4{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .8rem;text-transform:uppercase}.commission-stats .stat-value{font-size:1.6rem;font-weight:700;line-height:1;margin:0}.commission-stats .stat-value.green{color:#10b981}.commission-stats .stat-value.orange{color:#f59e0b}.commissions-table table{background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:hidden;width:100%}.commissions-table th{background:#149fd2;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.commissions-table td{border-bottom:1px solid #0000000d;padding:1rem;vertical-align:middle}.concepto-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monto-cell{color:#149fd2;font-weight:600}.status-badge{padding:.4rem .8rem;text-transform:capitalize}.status-badge.pagado{background:#10b981;color:#fff}.status-badge.pendiente{background:#f59e0b;color:#fff}.tipo.venta_directa{color:#10b981;font-weight:600}.tipo.comision_red{color:#3b82f6;font-weight:600}.commission-summary{background:#ffffffe6;border:1px solid #149fd21a;border-radius:8px;display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem}.summary-item{font-size:.9rem}.summary-item span:first-child{color:#6b7280;font-weight:500}.summary-item span:last-child{color:#149fd2;font-weight:600}.empty-state{background:#ffffffe6;border:2px dashed #149fd233;border-radius:12px}.empty-state p{color:#6b7280}@media (max-width:768px){.network-stats{gap:1rem}.stat-item{min-width:100px;padding:.8rem}.stats-row{grid-template-columns:1fr 1fr}.commission-summary{flex-direction:column;gap:.8rem}.concepto-cell{max-width:150px}}.profile-card{border-left:4px solid #149fd2;display:flex;flex-wrap:wrap;gap:2rem}.profile-item{flex-direction:column;gap:.3rem}.profile-item .label{color:#6b7280;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-item .value{color:#374151;font-size:1.1rem;font-weight:600}.profile-item .value.level-badge{align-self:flex-start;background:linear-gradient(135deg,#149fd2,#0f7ba3);font-size:.9rem;padding:.4rem .8rem}.profile-item .value.code{background:#149fd21a;border-radius:6px;color:#149fd2;font-size:1rem;font-weight:700;padding:.4rem .6rem}.sales-table table{background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-bottom:2rem;overflow:hidden;width:100%}.sales-table th{background:#149fd2;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.sales-table td{border-bottom:1px solid #0000000d;padding:1rem;vertical-align:middle}.ventas-cell{color:#374151;font-weight:600;text-align:center}.comisiones-cell{color:#10b981;font-weight:600;text-align:right}.promedio-cell{color:#6b7280;font-weight:500;text-align:right}.sales-summary{background:#fffffff2;border:1px solid #149fd21a;border-radius:12px;padding:1.5rem}.summary-stats{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{border-left:3px solid #149fd2;justify-content:space-between;padding:1rem}.summary-label{font-size:.9rem}.summary-value{font-size:1.1rem}.sales-chart .chart-bar{cursor:pointer;position:relative;transition:transform .2s ease}.sales-chart .chart-bar:hover{transform:translateY(-2px)}.sales-chart .bar{background:linear-gradient(0deg,#149fd2,#0f7ba3);border-radius:4px 4px 0 0;box-shadow:0 2px 8px #149fd233;transition:all .3s ease}.sales-chart .bar:hover{background:linear-gradient(0deg,#0f7ba3,#149fd2);box-shadow:0 4px 12px #149fd24d}@media (max-width:768px){.profile-card{gap:1rem}.profile-item .value.level-badge{font-size:.8rem;padding:.3rem .6rem}.summary-stats{gap:1rem;grid-template-columns:1fr}.summary-item{flex-direction:column;gap:.5rem;text-align:center}.sales-table td,.sales-table th{font-size:.9rem;padding:.8rem .5rem}.promedio-cell{display:none}}@media (max-width:480px){.profile-card{flex-direction:column;gap:1.5rem}.profile-item{align-items:center;text-align:center}.profile-item .value.code,.profile-item .value.level-badge{align-self:center}}.productos-tab{padding:1.5rem}.productos-header{margin-bottom:2rem}.productos-header h3{color:#fff;margin-bottom:.5rem}.productos-subtitle{color:#fff;font-size:.95rem}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1rem}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.product-image{background:linear-gradient(45deg,#f8fafc,#e2e8f0);height:200px;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-header{border-bottom:1px solid #e5e7eb;padding:1rem}.product-header h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.product-pricing{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.precio-distribuidor{color:#149fd2;font-size:1.2rem;font-weight:700}.precio-publico{color:#6b7280;font-size:.85rem;text-decoration:line-through}.descuento{background:#dc2626;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.product-details{padding:1rem}.product-description{color:#4b5563;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.product-info p{color:#6b7280;font-size:.85rem;margin:.3rem 0}.product-actions{background:#f9fafb;display:flex;gap:.5rem;padding:1rem}.btn-primary{background:linear-gradient(135deg,#149fd2,#0f7ba3);border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#0f7ba3,#0a5a7a);transform:translateY(-1px)}.btn-secondary{background:#0000;border:2px solid #149fd2;border-radius:8px;color:#149fd2;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.btn-secondary:hover{background:#149fd2;color:#fff}@media (max-width:768px){.products-grid{gap:1rem;grid-template-columns:1fr}.product-actions{flex-direction:column}}.header-content{justify-content:space-between;width:100%}.header-left{flex:1 1;gap:2rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.header-left{gap:1rem}.header-right{gap:.75rem}}@media (max-width:480px){.header-content,.header-left{align-items:flex-start}.header-left{flex-direction:column;gap:.5rem}.user-welcome h1{font-size:1.25rem}}.product-modal-overlay{align-items:center;animation:modalOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9998}.product-modal-container{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.product-modal-header{align-items:center;background:linear-gradient(135deg,#149fd20d,#0f7ba30d);border-bottom:1px solid #149fd21a;display:flex;justify-content:space-between;padding:24px 28px}.product-modal-header h3{color:#149fd2;font-size:22px;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background:#6b72801a;color:#374151;transform:scale(1.05)}.product-modal-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:300px 1fr;overflow-y:auto;padding:28px}.product-modal-image{align-items:center;display:flex;flex-direction:column}.product-modal-image img{border-radius:16px;box-shadow:0 10px 30px #0000001a;height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.product-modal-image img:hover{transform:scale(1.02)}.product-modal-info{display:flex;flex-direction:column;gap:24px}.modal-pricing{background:#149fd20d;border:1px solid #149fd21a;border-radius:16px;padding:20px}.price-comparison{display:flex;flex-direction:column;gap:12px}.price-row{align-items:center;display:flex;font-size:16px;justify-content:space-between}.price-row span:first-child{color:#6b7280;font-weight:500}.price-public{color:#9ca3af;font-weight:500;text-decoration:line-through}.price-row.distributor span:last-child{color:#149fd2;font-size:18px;font-weight:700}.price-row.savings span:last-child{color:#059669;font-size:16px;font-weight:700}.modal-description{background:#f9fafbcc;border:1px solid #e5e7eb80;border-radius:12px;padding:20px}.modal-description h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.modal-description p{color:#6b7280;line-height:1.6;margin:0}.modal-stock-info{background:#f3f4f699;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.modal-stock-info p{color:#374151;font-size:14px;margin:0}.modal-quantity-selector{align-items:center;background:#149fd20d;border:1px solid #149fd21a;border-radius:12px;display:flex;gap:16px;padding:20px}.modal-quantity-selector label{color:#374151;font-size:16px;font-weight:600}.quantity-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:0}.quantity-controls button{align-items:center;background:none;border:none;border-radius:12px;color:#149fd2;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;transition:all .2s ease;width:44px}.quantity-controls button:hover:not(:disabled){background:#149fd21a;transform:scale(1.1)}.quantity-controls button:disabled{color:#d1d5db;cursor:not-allowed}.quantity-display{font-size:18px;font-weight:700;min-width:60px;padding:0 12px}.modal-total{background:linear-gradient(135deg,#149fd214,#0f7ba314);border:1px solid #149fd226;border-radius:16px;padding:20px}.total-row span:first-child{color:#374151;font-size:16px;font-weight:600}.total-price{color:#149fd2;font-size:20px;font-weight:700}.total-savings{align-items:center;display:flex;font-size:14px;justify-content:space-between}.total-savings span:first-child{color:#6b7280;font-weight:500}.total-savings span:last-child{color:#059669;font-weight:700}.modal-actions{display:flex;gap:16px}.btn-add-to-cart-modal{align-items:center;background:linear-gradient(135deg,#149fd2,#0f7ba3);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:16px 24px;transition:all .25s ease}.btn-add-to-cart-modal:hover:not(:disabled){background:linear-gradient(135deg,#0f7ba3,#0a5a7a);box-shadow:0 12px 35px #149fd240;transform:translateY(-2px)}.btn-add-to-cart-modal:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-btn{align-items:center;display:flex;gap:8px}.loading-btn svg{animation:spin 1s linear infinite}@media (max-width:768px){.product-modal-container{border-radius:16px;max-height:95vh;max-width:95vw}.product-modal-content{gap:24px;grid-template-columns:1fr;padding:20px}.product-modal-image img{height:250px}.modal-quantity-selector{align-items:flex-start;flex-direction:column;gap:12px}.price-row{font-size:14px}.price-row.distributor span:last-child{font-size:16px}}@media (max-width:480px){.product-modal-overlay{padding:12px}.product-modal-header{padding:20px}.product-modal-header h3{font-size:18px}.product-modal-content{gap:20px;padding:16px}.product-modal-image img{height:200px}.modal-description,.modal-pricing,.modal-quantity-selector,.modal-total{padding:16px}.btn-add-to-cart-modal{font-size:15px;padding:14px 20px}}.product-modal-content::-webkit-scrollbar{width:6px}.product-modal-content::-webkit-scrollbar-track{background:#149fd20d;border-radius:3px}.product-modal-content::-webkit-scrollbar-thumb{background:#149fd24d;border-radius:3px}.product-modal-content::-webkit-scrollbar-thumb:hover{background:#149fd280}.compras-tab{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.compras-table-container{background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.compras-table{margin-bottom:0}.compras-table table{border-collapse:collapse;width:100%}.compras-table td,.compras-table th{border-bottom:1px solid #0000000d;padding:1rem;text-align:left}.compras-table th{background:#149fd21a;color:#149fd2;font-weight:600}.pagination-controls{align-items:center;background:#149fd20d;border-top:1px solid #0000000d;display:flex;justify-content:space-between;margin:0;padding:1rem 1.5rem}.pagination-info{color:#6b7280;font-size:.9rem;font-weight:500}.pagination-buttons{align-items:center;display:flex;gap:.5rem}.pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:.5rem .75rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#149fd2;border-color:#149fd2;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{background:#f9fafb;cursor:not-allowed;opacity:.4}.pagination-btn.active{background:#149fd2;border-color:#149fd2;box-shadow:0 2px 8px #149fd24d;color:#fff;font-weight:600}.pagination-dots{color:#9ca3af;font-weight:700;padding:.5rem .25rem}.compras-summary{background:#fffffff2;border-left:4px solid #149fd2;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;width:100%}.compras-summary h4{color:#149fd2;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.summary-stats{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:none}.summary-item{align-items:center;background:#149fd20d;border:1px solid #149fd21a;border-radius:8px;display:flex;flex-direction:column;padding:1.5rem;text-align:center}.summary-label{color:#6b7280;font-size:1rem;font-weight:500;margin-bottom:.5rem}.summary-value{color:#149fd2;font-size:1.5rem;font-weight:700}@media (max-width:768px){.summary-stats{gap:1rem;grid-template-columns:1fr}.summary-item{padding:1rem}.summary-value{font-size:1.2rem}.compras-summary{padding:1.5rem}.compras-tab,.pagination-controls{gap:1rem;padding:1rem}.pagination-controls{flex-direction:column}.pagination-buttons{flex-wrap:wrap;justify-content:center}.compras-table td,.compras-table th{font-size:.9rem;padding:.75rem .5rem}.summary-stats{flex-direction:column;gap:1rem}.compras-stats .stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pagination-btn{font-size:.8rem;height:32px;min-width:32px;padding:.25rem .5rem}}.ascenso-nivel-notification{align-items:flex-start;border:1px solid;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:16px}.ascenso-nivel-notification.puede-subir{background-color:#ecfdf5;border-color:#d1fae5;border-left:4px solid #10b981}.ascenso-nivel-notification.no-puede-subir{background-color:#eff6ff;border-color:#bfdbfe;border-left:4px solid #3b82f6}.ascenso-nivel-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.ascenso-nivel-icon.puede-subir{background-color:#10b981}.ascenso-nivel-icon.no-puede-subir{background-color:#3b82f6}.ascenso-nivel-content{flex:1 1}.ascenso-nivel-title{font-size:14px;font-weight:600;margin:0 0 8px}.ascenso-nivel-title.puede-subir{color:#065f46}.ascenso-nivel-title.no-puede-subir{color:#1e40af}.ascenso-nivel-message{font-size:14px;line-height:1.5;margin:0 0 12px}.ascenso-nivel-message.puede-subir{color:#047857}.ascenso-nivel-message.no-puede-subir{color:#1d4ed8}.ascenso-nivel-info{font-size:12px;margin-bottom:4px;opacity:.8}.ascenso-nivel-info.puede-subir{color:#059669}.ascenso-nivel-info.no-puede-subir{color:#2563eb}.ascenso-nivel-info strong{font-weight:600}.user-summary{margin-bottom:2rem}.profile-card{background:#fffffff2;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.profile-item{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:.75rem 0}.profile-item:last-child{border-bottom:none}.profile-item .label{color:#374151;font-size:.9rem;font-weight:600}.profile-item .value{color:#111827;font-weight:500}.profile-item .value.level-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;font-size:.85rem;padding:.25rem .75rem}.profile-item .value.code{color:#059669;font-family:Courier New,monospace;font-weight:600;letter-spacing:1px}@media (max-width:768px){.ascenso-nivel-notification{font-size:13px;padding:12px}.ascenso-nivel-title{font-size:13px}.ascenso-nivel-message{font-size:12px}.ascenso-nivel-info{font-size:11px}}.btn-ver-detalles{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.btn-ver-detalles:hover{background:#5568d3;transform:translateY(-2px)}.pedido-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.pedido-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.pedido-modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.pedido-modal-header h3{color:#1f2937;margin:0}.pedido-modal-content{padding:1.5rem}.pedido-info-section,.pedido-productos-section{margin-bottom:2rem}.pedido-info-section h4,.pedido-productos-section h4{color:#374151;font-size:1.1rem;margin:0 0 1rem}.info-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item{gap:.25rem}.info-item .label{font-size:.875rem;font-weight:500}.info-item .value{color:#1f2937;font-size:1rem;font-weight:600}.info-item .value.total{color:#059669;font-size:1.25rem}.productos-list{display:flex;flex-direction:column;gap:1rem}.producto-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.producto-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.producto-nombre{color:#1f2937;font-weight:600}.producto-cantidad{background:#667eea;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.producto-precios{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.precio-unitario{color:#6b7280}.subtotal{color:#1f2937;font-size:1rem;font-weight:600}.pedido-total-section{border-top:2px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.total-row{align-items:center;color:#059669;font-size:1.25rem;font-weight:700}.pedido-modal-actions{border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;padding:1.5rem}.no-productos{color:#6b7280;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.info-grid{grid-template-columns:1fr}}.ejecutivo-message{align-items:center;display:flex;flex-direction:column;padding:.5rem;text-align:center}.kpi-subtitle.motivational{align-items:center;color:#149fd2;display:flex;font-size:1rem;font-weight:600;gap:.25rem;margin-bottom:.5rem}.upgrade-message{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:.375rem;color:#64748b;font-size:.75rem;font-weight:500;line-height:1.3;padding:.5rem}.kpi-card.comisiones:has(.ejecutivo-message),.kpi-card.ventas:has(.ejecutivo-message){background:linear-gradient(135deg,#149fd20d,#149fd21a);border:2px solid #149fd2;overflow:hidden;position:relative}.kpi-card.comisiones:has(.ejecutivo-message):before,.kpi-card.ventas:has(.ejecutivo-message):before{animation:motivationalGradient 3s ease-in-out infinite;background:linear-gradient(90deg,#149fd2,#0ea5e9,#149fd2);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes motivationalGradient{0%,to{opacity:.7}50%{opacity:1}}.kpi-card:has(.ejecutivo-message) .kpi-icon{background:linear-gradient(135deg,#149fd2,#0ea5e9);color:#fff}.kpi-card:has(.ejecutivo-message):hover{border-color:#0ea5e9;box-shadow:0 8px 25px #149fd226;transform:translateY(-2px)}@media (max-width:768px){.ejecutivo-message{padding:.25rem}.kpi-subtitle.motivational{font-size:.9rem}.upgrade-message{font-size:.7rem;padding:.375rem}}.ejecutivo-message{animation:subtlePulse 4s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.95}}.cart-icon-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #149fd21a;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#6b7280;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .25s ease;-webkit-user-select:none;user-select:none}.cart-icon-container:hover{background:#149fd21a;border-color:#149fd24d;box-shadow:0 4px 12px #149fd226;color:#149fd2;transform:translateY(-1px)}.cart-icon{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.cart-icon svg{stroke-width:2;height:20px;transition:all .25s ease;width:20px}.cart-icon-container:hover .cart-icon svg{stroke-width:2.5;transform:scale(1.1)}.cart-count{animation:cartBounce .3s ease;background:linear-gradient(135deg,#dc2626,#ef4444);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #dc262666;color:#fff;font-size:.7rem;font-weight:700;height:16px;min-width:16px;right:-6px;top:-6px}.cart-count,.cart-loading{align-items:center;display:flex;justify-content:center;position:absolute}.cart-loading{height:12px;right:-4px;top:-4px;width:12px}.loading-dot{animation:cartPulse 1.2s infinite;background:#149fd2;border-radius:50%;height:4px;width:4px}.cart-text{font-size:.875rem;font-weight:600;transition:all .25s ease;white-space:nowrap}@keyframes cartBounce{0%{opacity:0;transform:scale(0) rotate(180deg)}50%{opacity:1;transform:scale(1.3) rotate(1turn)}to{opacity:1;transform:scale(1) rotate(1turn)}}@keyframes cartPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.cart-icon-container{border-radius:10px;gap:.375rem;padding:.625rem .875rem}.cart-text{font-size:.8rem}.cart-icon svg{height:18px;width:18px}.cart-count{font-size:.65rem;height:14px;min-width:14px;right:-5px;top:-5px}}@media (max-width:480px){.cart-icon-container{justify-content:center;min-width:44px;padding:.5rem}.cart-text{display:none}.cart-icon svg{height:22px;width:22px}}.cart-icon-container+.logout-button{margin-left:.5rem}.checkout-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.checkout-modal{animation:slideInFromBottom .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:520px;overflow-y:auto;width:90%}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkout-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.checkout-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s;width:40px}.close-button:hover{background-color:#f3f4f6;color:#1f2937}.close-button:disabled{cursor:not-allowed;opacity:.5}.checkout-content{padding:24px}.order-summary{margin-bottom:32px}.order-summary h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.checkout-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.checkout-item:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{color:#1f2937;font-weight:500}.item-quantity{color:#6b7280;font-size:14px}.item-total{color:#1f2937;font-weight:600}.checkout-total{border-top:2px solid #e5e7eb;margin-top:20px;padding-top:20px}.total-row{color:#4b5563;display:flex;justify-content:space-between;margin-bottom:8px}.total-final{border-top:1px solid #d1d5db;color:#1f2937!important;font-size:18px;margin-top:12px;padding-top:12px}.payment-info{margin-bottom:32px}.payment-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.payment-info p{color:#6b7280;line-height:1.6;margin:0 0 20px}.payment-features{display:flex;flex-direction:column;gap:12px}.feature{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.feature-icon{font-size:20px}.feature span:last-child{color:#475569;font-weight:500}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:12px;margin-bottom:24px;padding:16px}.error-icon{font-size:20px}.checkout-actions{display:flex;gap:16px;margin-top:32px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:52px;padding:14px 24px;transition:all .2s}.btn-secondary{color:#4b5563;flex:1 1}.btn-secondary:hover:not(:disabled){background:#e5e7eb;color:#1f2937}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 14px 0 #667eea63;flex:2 1}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px 0 #667eea80;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:18px;width:18px}@media (max-width:640px){.checkout-modal{margin:20px;width:95%}.checkout-content,.checkout-header{padding:20px}.checkout-actions{flex-direction:column}.btn-primary,.btn-secondary{flex:1 1}.payment-features{gap:8px}.feature{padding:10px 14px}}.cart-modal-overlay{align-items:center;animation:modalOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.cart-modal-container{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cart-modal-header{align-items:center;background:linear-gradient(135deg,#149fd20d,#0f7ba30d);border-bottom:1px solid #149fd21a;display:flex;justify-content:space-between;padding:24px 28px}.cart-modal-title{align-items:center;color:#149fd2;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.cart-modal-title svg{color:#149fd2}.cart-modal-close{align-items:center;background:none;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.cart-modal-close:hover{background:#6b72801a;color:#374151;transform:scale(1.05)}.cart-modal-content{flex:1 1;min-height:200px;overflow-y:auto;padding:0}.cart-empty,.cart-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.cart-loading .cart-spinner{animation:spin 1s linear infinite;border:3px solid #149fd21a;border-left-color:#149fd2;border-radius:50%;height:40px;margin-bottom:16px;width:40px}.cart-empty svg{color:#d1d5db;margin-bottom:20px}.cart-empty h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.cart-empty p{color:#6b7280;font-size:14px;margin:0}.cart-items-list{display:flex;flex-direction:column;gap:0}.cart-item{grid-gap:16px;align-items:center;border-bottom:1px solid #149fd214;display:grid;gap:16px;grid-template-columns:80px 1fr auto auto;padding:20px 28px;transition:background .2s ease}.cart-item:hover{background:#149fd205}.cart-item:last-child{border-bottom:none}.cart-item-image{align-items:center;background:#149fd20d;border-radius:12px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.cart-item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.cart-item:hover .cart-item-image img{transform:scale(1.05)}.cart-item-info{display:flex;flex-direction:column;gap:4px;min-width:0}.cart-item-name{color:#1f2937;font-size:16px;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-category{color:#6b7280;font-size:13px;margin:0}.cart-item-price{align-items:baseline;display:flex;gap:4px;margin-top:4px}.price-amount{color:#149fd2;font-size:15px;font-weight:700}.price-unit{color:#9ca3af;font-size:12px}.cart-item-quantity{align-items:center;background:#149fd20d;border-radius:12px;display:flex;gap:0;padding:0}.quantity-btn{align-items:center;background:none;border:none;border-radius:12px;color:#149fd2;cursor:pointer;display:flex;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:36px}.quantity-btn:hover:not(:disabled){background:#149fd21a;transform:scale(1.1)}.quantity-btn:disabled{color:#d1d5db;cursor:not-allowed}.quantity-display{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;min-width:40px;text-align:center}.quantity-spinner{animation:spin .8s linear infinite;border:2px solid #149fd233;border-left-color:#149fd2;border-radius:50%;height:16px;width:16px}.cart-item-total{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.item-subtotal{color:#1f2937;font-size:16px;font-weight:700}.remove-item-btn{align-items:center;background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.remove-item-btn:hover:not(:disabled){background:#ef44441a;transform:scale(1.1)}.remove-item-btn:disabled{color:#d1d5db;cursor:not-allowed}.cart-modal-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fafbcc;border-top:1px solid #149fd21a;padding:24px 28px}.cart-summary{margin-bottom:20px}.cart-summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cart-summary-row span:first-child{color:#374151;font-size:16px;font-weight:500}.cart-total-price{color:#149fd2;font-size:20px;font-weight:700}.cart-summary-note{color:#6b7280;font-size:12px;font-style:italic}.cart-actions{display:flex;gap:16px}.cart-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 20px;position:relative;transition:all .25s ease}.cart-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.cart-btn-clear{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.cart-btn-clear:hover:not(:disabled){background:#6b728026;box-shadow:0 8px 25px #6b728026;color:#374151;transform:translateY(-2px)}.cart-btn-checkout{background:linear-gradient(135deg,#149fd2,#0f7ba3);border:1px solid #149fd24d;color:#fff}.cart-btn-checkout:hover:not(:disabled){background:linear-gradient(135deg,#0f7ba3,#0a5a7a);box-shadow:0 12px 35px #149fd240;transform:translateY(-2px)}@media (max-width:768px){.cart-modal-overlay{padding:12px}.cart-modal-container{border-radius:16px;max-height:90vh}.cart-modal-header{padding:20px}.cart-modal-title{font-size:18px}.cart-item{gap:12px;grid-template-columns:60px 1fr auto auto;padding:16px 20px}.cart-item-image{height:60px;width:60px}.cart-item-name{font-size:15px}.cart-modal-footer{padding:20px}.cart-actions{flex-direction:column;gap:12px}.cart-btn{padding:16px 20px}}@media (max-width:480px){.cart-modal-container{border-radius:12px;max-height:95vh;max-width:100%}.cart-item{gap:8px 12px;grid-template-areas:"image info quantity" "image total total";grid-template-columns:50px 1fr auto}.cart-item-image{grid-area:image;height:50px;width:50px}.cart-item-info{grid-area:info}.cart-item-quantity{grid-area:quantity;justify-self:end}.cart-item-total{align-items:center;flex-direction:row;grid-area:total;justify-content:space-between}.quantity-btn{height:32px;width:32px}.quantity-display{font-size:14px;height:32px;min-width:32px}}.cart-modal-content::-webkit-scrollbar{width:6px}.cart-modal-content::-webkit-scrollbar-track{background:#149fd20d;border-radius:3px}.cart-modal-content::-webkit-scrollbar-thumb{background:#149fd24d;border-radius:3px}.cart-modal-content::-webkit-scrollbar-thumb:hover{background:#149fd280}.red-tab{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:2.5rem}.red-tab h3{color:#111827;font-size:1.375rem;font-weight:700;margin:0 0 2.5rem}.sponsor-info{background:#fffffff2;border-left:4px solid #149fd2;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.sponsor-info h4{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 .8rem}.sponsor-card{background:#149fd20d;border-radius:8px;margin-top:.8rem;padding:1rem}.sponsor-card p{color:#4b5563;font-size:.95rem;margin:.5rem 0}.sponsor-card strong{color:#111827;font-weight:600}.network-stats-enhanced{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.network-stats-enhanced .stat-item{align-items:center;background:linear-gradient(135deg,#149fd20d,#ffffffe6);border:1px solid #149fd226;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;flex-direction:column;min-width:140px;padding:1.2rem;transition:all .3s ease}.network-stats-enhanced .stat-item:hover{border-color:#149fd2;box-shadow:0 4px 12px #149fd226;transform:translateY(-2px)}.network-stats-enhanced .stat-value{color:#149fd2;font-size:1.8rem;font-weight:700;line-height:1}.network-stats-enhanced .stat-label{color:#6b7280;font-size:.85rem;margin-top:.5rem;text-align:center}.view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.view-toggle{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:.5rem;padding:.5rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .25s ease}.view-btn:hover{background:#149fd21a;color:#149fd2}.view-btn.active{background:linear-gradient(135deg,#149fd2,#0f7ba3);box-shadow:0 4px 12px #149fd24d;color:#fff}.tree-controls{display:flex;gap:.5rem}.control-btn{background:#fff;border:1px solid #149fd2;border-radius:8px;color:#149fd2;cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1.5rem;transition:all .25s ease}.control-btn:hover{background:#149fd2;box-shadow:0 4px 12px #149fd24d;color:#fff}.tree-view{background:#fffffff2;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.tree-node{margin-bottom:1rem;position:relative}.node-connector{height:0;position:relative}.connector-line{background:linear-gradient(180deg,#149fd2,#149fd24d);height:40px;left:20px;position:absolute;top:-20px;width:1px}.connector-dot{background:#149fd2;border-radius:50%;box-shadow:0 0 0 3px #149fd233;height:10px;left:15px;position:absolute;top:0;width:10px}.tree-member-card{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-left:4px solid #149fd2;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;margin-bottom:.5rem;padding:1.5rem;transition:all .3s ease}.tree-member-card:hover{border-left-color:#0f7ba3;box-shadow:0 4px 16px #149fd226;transform:translateX(4px)}.tree-member-card.level-1{background:linear-gradient(90deg,#149fd208,#fff);border-left-color:#149fd2}.tree-member-card.level-2{background:linear-gradient(90deg,#10b98108,#fff);border-left-color:#10b981}.tree-member-card.level-3{background:linear-gradient(90deg,#f59e0b08,#fff);border-left-color:#f59e0b}.tree-member-card.level-4{background:linear-gradient(90deg,#8b5cf608,#fff);border-left-color:#8b5cf6}.expand-btn{align-items:center;background:#fff;border:2px solid #149fd2;border-radius:6px;color:#149fd2;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .25s ease;width:32px}.expand-btn:hover{background:#149fd2;color:#fff;transform:scale(1.1)}.member-info{flex:1 1}.member-header-inline{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.member-name{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.member-name h4{color:#111827;font-size:1.1rem;font-weight:700;margin:0}.level-badge{background:linear-gradient(135deg,#149fd2,#0f7ba3);padding:.25rem .75rem}.level-badge,.status-badge{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.status-badge{border-radius:20px;padding:.375rem 1rem;white-space:nowrap}.status-badge.activo{background:#22c55e1a;color:#16a34a}.status-badge.inactivo{background:#ef44441a}.member-details-inline{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:.75rem}.detail-item{align-items:center;color:#6b7280;display:flex;font-size:.85rem;font-weight:500;gap:.4rem}.detail-item svg{color:#149fd2;flex-shrink:0}.reports-to{align-items:center;background:#149fd20d;border-radius:8px;color:#4b5563;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem}.reports-to strong{color:#149fd2;font-weight:600}.children-count{align-items:center;background:#10b9810d;border:1px solid #10b98133;border-radius:8px;color:#10b981;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.children-count svg{flex-shrink:0}.tree-children{margin-top:.5rem;padding-left:0;position:relative}.network-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.member-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:2rem;transition:all .3s ease}.member-card:hover{border-color:#149fd2;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.member-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.5rem}.member-header h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem 1rem;text-transform:uppercase}.status.activo{background:#22c55e1a;color:#16a34a}.status.inactivo{background:#ef44441a;color:#dc2626}.member-details p{color:#374151;font-size:.9rem;font-weight:500;margin:.75rem 0}.member-details strong{color:#111827;font-weight:600}.empty-state p{margin:.5rem 0}.empty-state p:first-child{color:#374151;font-size:1.1rem;font-weight:600}@media (max-width:1024px){.tree-member-card{margin-left:0!important;padding:1.2rem}.member-details-inline{gap:1rem}.view-controls{align-items:stretch;flex-direction:column}.tree-controls,.view-toggle{width:100%}}@media (max-width:768px){.red-tab{padding:1.5rem}.tree-view{padding:1rem}.tree-member-card{flex-direction:column;padding:1rem}.expand-btn{align-self:flex-start}.member-header-inline{flex-direction:column;gap:.5rem}.member-details-inline{flex-direction:column;gap:.75rem}.network-stats-enhanced{flex-direction:column}.network-stats-enhanced .stat-item{min-width:100%}.view-btn{flex:1 1;justify-content:center}.control-btn{flex:1 1}.connector-dot,.connector-line{display:none}.network-grid{grid-template-columns:1fr}}@media (max-width:480px){.view-toggle{flex-direction:column}.view-btn{width:100%}.tree-controls{flex-direction:column}.control-btn{width:100%}.member-name{align-items:flex-start;flex-direction:column}}.admin-dashboard{background:linear-gradient(135deg,#149fd2,#0f7ba3 50%,#0a5a7a);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-dashboard.loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:20px}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;color:#fff;justify-content:space-between;padding:1rem 2rem}.admin-header,.header-left{align-items:center;display:flex}.header-left h1{font-size:1.8rem;font-weight:700;margin:0}.admin-badge{background:linear-gradient(45deg,#149fd2,#0f7ba3);border-radius:15px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-left:1rem;padding:.25rem .75rem;text-transform:uppercase}.header-right{align-items:center;display:flex;gap:1rem}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.admin-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;gap:.5rem;padding:0 2rem}.admin-nav button{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:#ffffffb3;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.admin-nav button:hover{background:#ffffff1a;color:#fff}.admin-nav button.active{background:#fff3;border-bottom:3px solid #149fd2;color:#fff}.admin-content{margin:0 auto;max-width:1400px;padding:2rem}.kpis-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.kpi-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;color:#1f2937;padding:1.5rem;transition:all .3s ease}.kpi-card:hover{box-shadow:0 15px 50px #00000026;transform:translateY(-5px)}.kpi-header{gap:1rem;margin-bottom:1rem}.kpi-header,.kpi-icon{align-items:center;display:flex}.kpi-icon{background:#149fd214;border-radius:16px;color:#149fd2;flex-shrink:0;height:70px;justify-content:center;width:70px}.kpi-title{color:#4b5563;flex:1 1;font-size:.9rem;font-weight:600}.kpi-value{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.kpi-change{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.25rem}.kpi-change.positive{color:#10b981}.kpi-change.negative{color:#ef4444}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.chart-container{color:#1f2937}.chart-container h3{color:#1f2937;font-size:1.1rem;margin:0 0 1rem}.performance-grid{grid-template-columns:1fr 1fr;margin-bottom:2rem}.performance-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;color:#1f2937}.performance-table h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.performance-table table{border-collapse:collapse}.performance-table td,.performance-table th{border-bottom:1px solid #149fd21a;color:#1f2937;padding:.75rem;text-align:left}.performance-table th{background:#149fd20d;color:#149fd2;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.performance-table tr:hover{background:#149fd208}.financial-card,.financial-card h3{color:#1f2937}.breakdown-item{border-bottom:1px solid #149fd21a;color:#1f2937;padding:.5rem 0}.breakdown-item:last-child{color:#149fd2;font-size:1.1rem}.performance-header{margin-bottom:2rem;text-align:center}.performance-header h3{color:#374151;margin-bottom:.5rem}.performance-header p{color:#6b7280;font-size:.9rem}.performance-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}@media (min-width:1200px){.performance-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1600px){.performance-grid{grid-template-columns:repeat(3,1fr)}}.empty-chart{align-items:center;background:#f9fafb;border-radius:8px;color:#6b7280;display:flex;font-style:italic;height:300px;justify-content:center}.performance-tables{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1200px){.performance-tables{grid-template-columns:repeat(2,1fr)}}@media (min-width:1800px){.performance-tables{grid-template-columns:repeat(3,1fr)}}.performance-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.performance-table h3{align-items:center;color:#374151;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.performance-table table{font-size:.9rem;width:100%}.performance-table th{background:#f8fafc;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.85rem;font-weight:600;padding:.75rem .5rem;text-align:left}.performance-table td{border-bottom:1px solid #f3f4f6;padding:.75rem .5rem}.performance-table tbody tr:hover{background:#f9fafb}.rank{color:#149fd2;font-weight:700;min-width:40px;text-align:center}.nivel-badge{background:#149fd21a;color:#149fd2;font-size:.75rem;padding:.2rem .6rem}.nuevos,.red-count,.ventas{color:#374151;font-weight:600;text-align:center}.comisiones{color:#16a34a;font-weight:600;text-align:right}.crecimiento{color:#f59e0b;font-weight:700;text-align:center}.empty-table{background:#f9fafb;border-radius:8px;color:#6b7280;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.performance-table{overflow-x:auto}.performance-table table{min-width:400px}.performance-table td,.performance-table th{font-size:.8rem;padding:.5rem .25rem}}.financial-tab{margin:0 auto;max-width:1400px;padding:1.5rem}.financial-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.financial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:1.5rem}.financial-card h3{color:#149fd2;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.financial-breakdown{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.breakdown-item:last-child{border-bottom:none;font-weight:600}.breakdown-item span:first-child{color:#4b5563;flex:1 1}.amount{font-size:1.1rem;font-weight:600}.amount.positive{color:#10b981}.amount.primary{color:#149fd2}.amount.success{color:#059669}.amount.warning{color:#f59e0b}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center}.metric-label{color:#64748b;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.metric-value{color:#149fd2;font-size:1.3rem;font-weight:700}.chart-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000014;margin-bottom:1.5rem;padding:1.5rem}.chart-container h3{color:#149fd2;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.level-info{grid-gap:1rem;border-top:1px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding-top:1rem}.level-stat{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;display:flex;flex-direction:column;padding:.75rem;text-align:center}.level-name{color:#149fd2;font-weight:600;margin-bottom:.25rem}.level-count{color:#64748b;font-size:.8rem;margin-bottom:.25rem}.level-amount{color:#f59e0b;font-size:.9rem;font-weight:700}.trend-summary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #149fd2;border-radius:8px;margin-top:1rem;padding:1rem}.trend-summary p{color:#1e40af;font-size:.9rem;line-height:1.4;margin:0}.loading-state{color:#64748b;padding:3rem}.loading-state p{font-size:1.1rem;margin:0}.data-info{margin-top:1.5rem}@media (max-width:1024px){.financial-summary{grid-template-columns:1fr}.level-info{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.financial-card,.financial-tab{padding:1rem}.breakdown-item{align-items:flex-start;flex-direction:column;gap:.25rem}.breakdown-item span:first-child{font-size:.9rem}.amount{font-size:1rem}.metrics-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.metric-value{font-size:1.1rem}.level-info{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:10px;z-index:10000}.user-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;height:96vh!important;max-height:96vh!important;max-width:1600px!important;overflow:hidden;width:98vw!important}.loading-state,.user-detail-modal{display:flex;flex-direction:column}.loading-state{align-items:center;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #149fd233;border-radius:50%;border-top-color:#149fd2;height:50px;margin-bottom:1rem;width:50px}.user-detail-header{align-items:flex-start;background:linear-gradient(135deg,#149fd2,#0f7ba3);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.header-content{gap:1.5rem}.header-content,.user-avatar{align-items:center;display:flex}.user-avatar{background:#fff3;border-radius:50%;flex-shrink:0;height:70px;justify-content:center;width:70px}.user-avatar svg{height:36px;width:36px}.user-title-info h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.user-meta{display:flex;flex-wrap:wrap;gap:.75rem}.nivel-badge{border-radius:15px;color:#fff}.estatus-badge,.nivel-badge{font-size:.9rem;padding:.4rem 1rem}.estatus-badge{background:#fff3}.estatus-badge[data-estatus=activo]{background:#10b981cc}.estatus-badge[data-estatus=inactivo]{background:#ef4444cc}.btn-close{background:#fff3;color:#fff;padding:10px;transition:all .2s}.btn-close:hover{background:#ffffff4d;transform:scale(1.05)}.section-nav{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:0 2rem}.section-nav button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1.2rem 2rem;transition:all .3s ease}.section-nav button svg{height:22px;width:22px}.section-nav button:hover{background:#149fd20d;color:#149fd2}.section-nav button.active{background:#fff;border-bottom-color:#149fd2;color:#149fd2}.user-detail-body{flex:1 1;max-height:calc(96vh - 180px);overflow-y:auto;padding:2rem}.info-section{display:flex;flex-direction:column;gap:2rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{display:flex;flex-direction:column;gap:.4rem}.info-item.full-width{grid-column:1/-1}.info-item .label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item .value{color:#374151;font-size:1.1rem;font-weight:500}.info-item .value.code{background:#149fd21a;border-radius:6px;color:#149fd2;font-family:Courier New,monospace;font-size:1rem;font-weight:700;padding:.6rem .8rem;width:-webkit-fit-content;width:fit-content}.admin-actions{border-top:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1.5rem}.btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:250px;padding:1rem 2rem;transition:all .3s ease}.btn-action svg{height:20px;width:20px}.btn-change-level{background:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-change-level:hover{background:#059669;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-change-sponsor{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;color:#fff}.btn-change-sponsor:hover{background:#d97706;box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.red-section{display:flex;flex-direction:column;gap:2rem}.section-block{background:#f9fafb;border-radius:12px;padding:2rem}.section-block h3{color:#374151;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.section-block h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.sponsor-card{background:#fff;border-left:4px solid #149fd2;border-radius:10px;padding:1.5rem}.sponsor-info{display:flex;flex-direction:column;gap:.4rem}.sponsor-info strong{color:#374151;font-size:1.15rem}.sponsor-info span{color:#6b7280;font-size:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:1.5rem}.stat-card.highlight{background:#10b9810d;border-color:#10b981}.stat-label{color:#6b7280;display:block;font-size:.95rem;margin-bottom:.75rem}.stat-value{color:#149fd2;display:block;font-size:2rem;font-weight:700}.stat-card.highlight .stat-value{color:#10b981}.referidos-list{display:flex;flex-direction:column;gap:1rem}.referido-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:1.25rem;transition:all .2s}.referido-card:hover{border-color:#149fd2;box-shadow:0 2px 8px #149fd21a}.referido-info{display:flex;flex-direction:column;gap:.4rem}.referido-info strong{color:#374151;font-size:1.05rem}.nivel-badge-small{background:#149fd21a;border-radius:12px;color:#149fd2;font-size:.8rem;font-weight:600;padding:.3rem .8rem;width:-webkit-fit-content;width:fit-content}.referido-meta{align-items:center;color:#6b7280;display:flex;font-size:.95rem;gap:.75rem}.estatus-dot{background:#6b7280;border-radius:50%;height:10px;width:10px}.estatus-dot.activo{background:#10b981}.estatus-dot.inactivo{background:#ef4444}.progreso-section,.ventas-section{display:flex;flex-direction:column;gap:2rem}.progress-header{background:#f9fafb;border-radius:12px;padding:1.5rem;text-align:center}.progress-header h3{color:#374151;font-size:1.4rem;margin:0 0 .75rem}.progress-message{color:#6b7280;font-size:1rem;font-style:italic;margin:0}.level-change-preview{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;display:flex;gap:2rem;justify-content:center;padding:2rem}.level-change-preview .level-badge{border-radius:20px;color:#fff;font-size:1.3rem;font-weight:700;padding:1rem 2rem}.level-change-preview .arrow{color:#149fd2;font-size:2.5rem;font-weight:700}.metricas-list,.objetivos-list{display:flex;flex-direction:column;gap:.75rem}.metrica-item{background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem}.metrica-item span{color:#6b7280;font-size:1rem;text-transform:capitalize}.metrica-item strong{color:#149fd2;font-size:1.1rem;font-weight:600}.objetivo-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:1rem;padding:1rem 1.25rem}.objetivo-item.cumplido{background:#10b9810d;border-color:#10b981}.objetivo-item.pendiente{background:#ef44440d;border-color:#ef4444}.check-icon{font-size:1.4rem}.objetivo-item span:last-child{color:#374151;font-size:1rem;font-weight:500;text-transform:capitalize}.eval-date{border-top:1px solid #e5e7eb;font-size:.95rem;padding-top:1.5rem}.empty-text,.eval-date{color:#6b7280;font-style:italic;text-align:center}.empty-text{font-size:1rem;padding:2.5rem}.empty-state{color:#6b7280;padding:3rem 2rem}.empty-state p{font-size:1rem;margin:.75rem 0}.empty-state .small-text{color:#9ca3af;font-size:.9rem}.small-modal{max-width:600px;width:90%}.small-modal .modal-header{padding:1.5rem 2rem}.small-modal .modal-body{padding:2rem}.small-modal .user-name{color:#374151;font-size:1.2rem;font-weight:600;margin-bottom:.75rem}.small-modal .current-level,.small-modal .current-sponsor{color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.level-selector{margin-bottom:2rem}.level-selector label{color:#374151;font-size:1rem}.level-option{border-radius:10px;padding:1.25rem}.sponsor-selector{margin-bottom:2rem}.sponsor-selector label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:1rem}.sponsor-select{border:2px solid #d1d5db;border-radius:10px;cursor:pointer;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.sponsor-select:focus{border-color:#149fd2;box-shadow:0 0 0 3px #149fd21a;outline:none}.sponsor-select optgroup{background:#f9fafb;font-style:normal;font-weight:700;padding:.5rem 0}.sponsor-select option{font-weight:400;padding:.75rem 1rem}.sponsor-select optgroup[label*=GERENTES]{color:#10b981}.sponsor-select optgroup[label*=DIRECTORES]{color:#f59e0b}.sponsor-select optgroup[label*=PRESIDENTES]{color:#ef4444}.notes-section{margin-bottom:2rem}.notes-section label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.notes-section textarea{border:2px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.notes-section textarea:focus{border-color:#149fd2;box-shadow:0 0 0 3px #149fd21a;outline:none}.modal-footer{background:#f9fafb;padding:1.5rem 2rem}.btn-cancel,.btn-confirm{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-confirm{background:linear-gradient(135deg,#149fd2,#0f7ba3);box-shadow:0 4px 12px #149fd24d}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 16px #149fd266}.btn-confirm:disabled{opacity:.5}@media (max-width:1400px){.user-detail-modal{max-width:none!important;width:96vw!important}}@media (max-width:768px){.user-detail-modal{border-radius:0!important;height:100vh!important;max-height:100vh!important;width:100vw!important}.modal-overlay{padding:0}.user-detail-header{flex-direction:column;gap:1rem;padding:1.5rem}.header-content{width:100%}.section-nav{overflow-x:auto;padding:0 1rem}.section-nav button{font-size:.9rem;padding:1rem 1.5rem;white-space:nowrap}.user-detail-body{padding:1.5rem}.info-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}.btn-action{min-width:100%;width:100%}.level-options,.stats-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.users-tab{margin:0 auto;max-width:1600px;padding:1.5rem}.users-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 10px 40px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.users-title h3{color:#149fd2;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.users-subtitle{color:#64748b;font-size:.95rem;margin:0}.users-stats-summary{display:flex;gap:1rem}.stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;min-width:80px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.stat-card.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.stat-card.inactive{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.stat-number{color:#149fd2;font-size:1.8rem;font-weight:700}.stat-card.active .stat-number{color:#059669}.stat-card.inactive .stat-number{color:#d97706}.stat-label{color:#64748b;font-size:.8rem;font-weight:500;margin-top:.25rem}.btn-add-user{align-items:center;background:linear-gradient(135deg,#149fd2,#0f7ba3);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add-user:hover{box-shadow:0 8px 25px #149fd24d;transform:translateY(-2px)}.top-sellers-section{margin-bottom:2rem}.top-sellers-section h4{color:#149fd2;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.top-sellers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.top-seller-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:1rem;position:relative;text-align:center;transition:all .3s ease}.top-seller-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.top-seller-card.rank-1{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.seller-rank{color:#149fd2;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.rank-1 .seller-rank{color:#d97706}.seller-name{color:#374151;font-weight:600;margin-bottom:.25rem}.seller-level{color:#64748b;font-size:.8rem;margin-bottom:.25rem}.seller-sales{color:#059669;font-size:.9rem;font-weight:600}.crown{font-size:1.5rem;position:absolute;right:-8px;top:-8px}.users-filters{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.search-box{flex:1 1;max-width:400px;position:relative}.search-box svg{color:#64748b;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#149fd2;box-shadow:0 0 0 3px #149fd21a;outline:none}.filters-group{display:flex;gap:1rem}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:#149fd2;outline:none}.users-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 10px 40px #00000014;margin-bottom:1.5rem;overflow:hidden}.table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background:linear-gradient(135deg,#149fd2,#0f7ba3);color:#fff;font-size:.9rem;font-weight:600;padding:1rem .75rem;text-align:left}.users-table td{border-bottom:1px solid #f1f5f9;padding:1rem .75rem;vertical-align:top}.users-table tr:hover{background-color:#149fd205}.users-table tr.inactive-row{opacity:.6}.user-id{color:#64748b;font-size:.9rem;font-weight:600}.user-details{min-width:180px}.user-name{color:#374151;font-weight:600;margin-bottom:.25rem}.user-code{color:#fff;font-size:.8rem;margin-bottom:.25rem}.user-sponsor{color:#059669;font-size:.75rem;font-style:italic}.contact-info{min-width:160px}.contact-email{color:#374151;font-size:.85rem;margin-bottom:.25rem}.contact-phone{color:#64748b;font-size:.8rem}.nivel-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-align:center}.nivel-badge.nivel-3{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.nivel-badge.nivel-4{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.nivel-badge.nivel-5{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.nivel-badge.nivel-6{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.network-info,.performance-info{text-align:center}.network-number,.perf-number{color:#149fd2;display:block;font-size:1.2rem;font-weight:700}.network-label,.perf-label{color:#64748b;font-size:.7rem}.perf-commission{color:#059669;margin-top:.25rem}.perf-commission,.status-badge{font-size:.8rem;font-weight:600}.status-badge{border-radius:12px;display:inline-block;margin-bottom:.25rem;padding:.25rem .75rem}.status-badge.activo{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.status-badge.inactivo{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.join-date{color:#64748b;font-size:.75rem}.actions-group{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn.view{background:#e0f2fe;color:#0369a1}.action-btn.edit{background:#f0f9ff;color:#0284c7}.action-btn.warning{background:#fef3c7;color:#d97706}.action-btn:hover{transform:scale(1.1)}.empty-state{color:#64748b;padding:3rem;text-align:center}.btn-clear-filters{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}.filtered-summary{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem}.filtered-summary p{color:#64748b;font-size:.9rem;margin:0}.monthly-stats-summary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-radius:16px;box-shadow:0 10px 40px #00000014;margin-bottom:1.5rem;padding:1.5rem}.monthly-stats-summary h4{color:#149fd2;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center}.stat-item .stat-value{color:#149fd2;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-item .stat-label{color:#64748b;font-size:.9rem}.data-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;border-radius:8px;padding:1rem}.data-info p{color:#166534;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:1200px){.users-header{align-items:stretch;flex-direction:column;gap:1rem}.top-sellers-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.users-tab{padding:1rem}.users-filters{align-items:stretch;flex-direction:column;gap:1rem}.search-box{max-width:none}.filters-group{justify-content:stretch}.filter-select{flex:1 1}.top-sellers-grid{gap:.75rem;grid-template-columns:1fr}.users-stats-summary{justify-content:center}.stats-grid{gap:1rem;grid-template-columns:1fr}.users-table{font-size:.8rem}.users-table td,.users-table th{padding:.75rem .5rem}.user-details{min-width:140px}.contact-info{min-width:120px}.actions-group{flex-direction:column;gap:.25rem}.action-btn{height:28px;width:28px}}@media (max-width:480px){.users-header{padding:1rem}.users-title h3{font-size:1.2rem}.stat-card{min-width:60px;padding:.75rem 1rem}.stat-number{font-size:1.4rem}.btn-add-user{font-size:.9rem;padding:.75rem 1rem}.table-wrapper{-webkit-overflow-scrolling:touch}.users-table{min-width:800px}}.notifications-tab{margin:0 auto;max-width:1400px;padding:2rem}.notifications-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.notifications-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-title{align-items:center;color:#fff;display:flex;gap:1rem}.header-title h2{font-size:1.8rem;font-weight:700;margin:0}.header-title svg{height:32px;width:32px}.notifications-count{background:#fff3;border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem}.notifications-count,.notifications-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notifications-filters{background:#ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#fff;font-size:.9rem;font-weight:600}.filter-group select{background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;color:#1f2937;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.filter-group select:hover{background:#fff;border-color:#149fd2}.btn-refresh{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:.5rem 1.5rem;transition:all .3s ease}.btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px)}.notifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.notification-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-left:4px solid #0000;border-radius:16px;box-shadow:0 10px 40px #00000014;padding:1.5rem;transition:all .3s ease}.notification-card.ascenso{border-left-color:#10b981}.notification-card.descenso{border-left-color:#ef4444}.notification-card.alerta{border-left-color:#f59e0b}.notification-card:hover{box-shadow:0 15px 50px #00000026;transform:translateY(-5px)}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.tipo-badge{align-items:center;display:flex}.tipo-badge{border-radius:20px;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.notification-card.ascenso .tipo-badge{background:#10b9811a;color:#10b981}.notification-card.descenso .tipo-badge{background:#ef44441a;color:#ef4444}.notification-card.alerta .tipo-badge{background:#f59e0b1a;color:#f59e0b}.estatus-badge{border-radius:15px;font-size:.75rem;font-weight:600;padding:.3rem .8rem;text-transform:capitalize}.estatus-badge.pendiente{background:#f59e0b1a;color:#f59e0b}.estatus-badge.revisado{background:#3b82f61a;color:#3b82f6}.estatus-badge.aprobado{background:#10b9811a;color:#10b981}.estatus-badge.rechazado{background:#ef44441a;color:#ef4444}.estatus-badge.archivado{background:#6b72801a;color:#6b7280}.user-info{margin-bottom:1rem}.user-info h3{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0 0 .25rem}.user-email{color:#6b7280;font-size:.9rem;margin:0}.level-change{align-items:center;background:#149fd20d;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.level-badge{border-radius:20px;color:#fff;flex:1 1;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center}.arrow{color:#149fd2;font-size:1.5rem;font-weight:700}.details{background:#f9fafb;border-radius:8px;margin-bottom:1rem;padding:1rem}.details .mensaje{color:#374151;font-size:.9rem;font-style:italic;margin:0 0 1rem}.details h4{color:#1f2937;font-size:.9rem;font-weight:700;margin:0 0 .5rem}.details ul{margin:0;padding-left:1.5rem}.details li{color:#4b5563;font-size:.85rem;margin-bottom:.25rem}.objetivos li.cumplido{color:#10b981}.objetivos li.pendiente{color:#ef4444}.card-footer{align-items:center;border-top:1px solid #0000001a;display:flex;justify-content:space-between;padding-top:1rem}.fecha{color:#6b7280;font-size:.85rem}.actions,.actions button{display:flex;gap:.5rem}.actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669;transform:translateY(-2px)}.btn-reject{background:#ef4444;color:#fff;padding:.5rem}.btn-reject:hover{background:#dc2626;transform:translateY(-2px)}.btn-archive{background:#6b7280;color:#fff;padding:.5rem}.btn-archive:hover{background:#4b5563;transform:translateY(-2px)}.admin-notes{background:#149fd20d;border-left:3px solid #149fd2;border-radius:8px;color:#374151;font-size:.85rem;margin-top:1rem;padding:.75rem}.empty-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;color:#fff;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:4rem 2rem}.empty-state svg{height:64px;margin-bottom:1rem;opacity:.5;width:64px}.empty-state p{font-size:1.1rem;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.btn-close{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .3s ease}.btn-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.user-summary{background:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.user-summary h4{color:#1f2937;font-size:1.1rem;margin:0 0 .25rem}.user-summary p{color:#6b7280;font-size:.9rem;margin:0}.level-selector{margin-bottom:1.5rem}.level-selector label{color:#1f2937;display:block;font-weight:600;margin-bottom:1rem}.level-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.level-option{border:2px solid;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem;text-align:center;transition:all .3s ease}.level-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.nivel-sugerido{color:#6b7280;font-size:.85rem;font-style:italic;margin:0}.nivel-sugerido strong{color:#149fd2}.notas-section{margin-bottom:1.5rem}.notas-section label{color:#1f2937;display:block;font-weight:600;margin-bottom:.5rem}.notas-section textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.notas-section textarea:focus{border-color:#149fd2;outline:none}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:#e5e7eb}.btn-confirm{background:#149fd2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-confirm:hover:not(:disabled){background:#0f7ba3;transform:translateY(-2px)}.btn-confirm:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width:768px){.notifications-grid{grid-template-columns:1fr}.notifications-filters{flex-direction:column}.btn-refresh{margin-left:0;width:100%}.level-options{grid-template-columns:1fr}.modal-content{margin:1rem}}.payment-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:3rem;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-container{align-items:center;animation:scaleIn .5s ease-out .2s both;border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.icon-container.success{background:#10b981}.icon-container.error{background:#ef4444}.icon-container.warning{background:#f59e0b}.payment-card h1{color:#1f2937;font-size:2rem;margin-bottom:1rem}.payment-card h2{color:#374151;font-size:1.5rem;margin-bottom:.5rem}.cancelled-message,.success-message{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.info-message{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.95rem;margin:1rem 0;padding:.75rem}.pedido-details{background:#f9fafb;border-radius:12px;margin:2rem 0;padding:1.5rem}.detail-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row.total{border-top:2px solid #d1d5db;color:#059669;font-size:1.2rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.detail-row .label{color:#6b7280;font-weight:500}.detail-row .value{color:#1f2937;font-weight:600}.action-buttons{display:flex;gap:1rem;margin-top:2rem}.action-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.payment-card.loading{padding:4rem 3rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 1.5rem;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.payment-page{padding:1rem}.payment-card{padding:2rem 1.5rem}.payment-card h1{font-size:1.5rem}.action-buttons{flex-direction:column}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}