.ambassador-dashboard{background:linear-gradient(135deg,var(--hm-surface-brand) 0,var(--hm-surface-success-wash-strong) 100%);min-height:100vh;padding:1.5rem}@media(max-width:991px){.ambassador-dashboard{padding:1rem}}@media(max-width:768px){.ambassador-dashboard{padding:.75rem}}.error-container,.loading-container,.not-ambassador-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-container h2,.loading-container h2,.not-ambassador-container h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:1rem 0 .75rem}.error-container p,.loading-container p,.not-ambassador-container p{color:#6b7280;font-size:1rem;max-width:400px}.error-container .retry-button,.loading-container .retry-button,.not-ambassador-container .retry-button{align-items:center;background:var(--hm-gradient-cta);border:none;border-radius:1rem;color:var(--hm-text-inverse);cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.error-container .retry-button:hover,.loading-container .retry-button:hover,.not-ambassador-container .retry-button:hover{box-shadow:0 8px 25px rgba(34,197,94,.3);transform:translateY(-2px)}.not-ambassador-content{background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px rgba(0,0,0,.1);max-width:600px;padding:3rem;width:100%}.not-ambassador-content .icon-wrapper{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.15));border-radius:50%;color:var(--hm-brand-text);display:flex;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.not-ambassador-content h2{margin-bottom:.75rem}.not-ambassador-content .benefits-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0}@media(max-width:768px){.not-ambassador-content .benefits-grid{grid-template-columns:1fr}}.not-ambassador-content .benefits-grid .benefit-item{align-items:center;background:rgba(34,197,94,.05);border-radius:.375rem;color:#1f2937;display:flex;font-weight:500;gap:.5rem;padding:.75rem}.not-ambassador-content .benefits-grid .benefit-item svg{color:var(--hm-brand-text)}.not-ambassador-content .btn-become-ambassador{align-items:center;background:var(--hm-gradient-cta);border:none;border-radius:1rem;color:var(--hm-text-inverse);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.not-ambassador-content .btn-become-ambassador:hover{box-shadow:0 8px 25px rgba(34,197,94,.4);transform:translateY(-2px)}.ambassador-dashboard .tier-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;white-space:nowrap}.ambassador-dashboard .tier-badge.standard{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:var(--hm-badge-text-blue)}.ambassador-dashboard .tier-badge.certified{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:var(--hm-badge-text-violet)}.ambassador-dashboard .tier-badge.expert{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:var(--hm-badge-text-amber)}.ambassador-dashboard .btn-refresh{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.ambassador-dashboard .btn-refresh:hover{background:#f9fafb;border-color:#22c55e;color:var(--hm-brand-text)}.referral-code-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);color:#1f2937;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}@media(max-width:991px){.referral-code-card{flex-direction:column;gap:1rem;text-align:center}}.referral-code-card .code-section .code-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.referral-code-card .code-section .code-display{align-items:center;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:1rem;display:flex;gap:.75rem;padding:.5rem 1rem}.referral-code-card .code-section .code-display .code-value{color:var(--hm-brand-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:2px}.referral-code-card .code-section .code-display .copy-btn{align-items:center;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-radius:.375rem;color:var(--hm-brand-text);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.referral-code-card .code-section .code-display .copy-btn:hover{background:rgba(34,197,94,.16)}.referral-code-card .code-section .code-display .copy-btn.copied{background:var(--hm-fill-success);border-color:#22c55e;color:var(--hm-text-inverse)}.referral-code-card .share-section{display:flex;gap:.75rem}@media(max-width:768px){.referral-code-card .share-section{flex-direction:column;width:100%}}.referral-code-card .share-section .share-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}@media(max-width:768px){.referral-code-card .share-section .share-btn{justify-content:center;width:100%}}.referral-code-card .share-section .share-btn.link{background:var(--hm-fill-success);color:var(--hm-text-inverse)}.referral-code-card .share-section .share-btn.link:hover{background:#16a34a;box-shadow:0 4px 12px rgba(34,197,94,.25);transform:translateY(-2px)}.referral-code-card .share-section .share-btn.whatsapp{background:var(--hm-color-emerald-dark);color:var(--hm-text-inverse)}.referral-code-card .share-section .share-btn.whatsapp:hover{background:var(--hm-color-emerald-strong);box-shadow:0 4px 12px rgba(37,211,102,.4);transform:translateY(-2px)}.metrics-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1199px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:1.5rem;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.07);transform:translateY(-4px)}.metric-card .metric-content{align-items:flex-start;display:flex;justify-content:space-between}.metric-card .metric-info .metric-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metric-card .metric-info .metric-value{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.metric-card .metric-info .metric-trend{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.metric-card .metric-info .metric-trend.positive{color:var(--hm-brand-text)}.metric-card .metric-info .metric-trend.neutral{color:#6b7280}.metric-card .metric-icon{align-items:center;border-radius:1rem;display:flex;height:48px;justify-content:center;width:48px}.metric-card .metric-icon.green{background:rgba(34,197,94,.1);color:var(--hm-brand-text)}.metric-card .metric-icon.blue{background:rgba(59,130,246,.1);color:var(--hm-badge-text-blue)}.metric-card .metric-icon.purple{background:rgba(139,92,246,.1);color:#7c3aed}.metric-card .metric-icon.orange{background:rgba(245,158,11,.1);color:var(--hm-badge-text-amber)}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;overflow:hidden}.dashboard-card .card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem}.dashboard-card .card-header .card-title{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.dashboard-card .card-header .card-title svg{color:var(--hm-brand-text)}.dashboard-card .card-header .current-tier{border-radius:1rem;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.dashboard-card .card-header .current-tier.standard{background:rgba(59,130,246,.1);color:var(--hm-badge-text-blue)}.dashboard-card .card-header .current-tier.certified{background:rgba(139,92,246,.1);color:#7c3aed}.dashboard-card .card-header .current-tier.expert{background:rgba(245,158,11,.1);color:#d97706}.dashboard-card .card-header .view-all-link{align-items:center;color:var(--hm-brand-text);display:flex;font-size:.875rem;font-weight:600;gap:.25rem;text-decoration:none;transition:all .3s ease}.dashboard-card .card-header .view-all-link:hover{color:var(--hm-brand-text)}.tier-progress-card .tier-progress-content{padding:1.5rem}.tier-progress-card .tier-levels{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:768px){.tier-progress-card .tier-levels{flex-direction:column;gap:.75rem}}.tier-progress-card .tier-level{align-items:center;display:flex;flex-direction:column;gap:.25rem;opacity:.5;transition:all .3s ease}.tier-progress-card .tier-level.achieved{opacity:1}.tier-progress-card .tier-level .tier-icon{align-items:center;border:3px solid;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.tier-progress-card .tier-level .tier-icon.standard{background:rgba(59,130,246,.1);border-color:#3b82f6;color:var(--hm-badge-text-blue)}.tier-progress-card .tier-level .tier-icon.certified{background:rgba(139,92,246,.1);border-color:#7c3aed;color:#7c3aed}.tier-progress-card .tier-level .tier-icon.expert{background:rgba(245,158,11,.1);border-color:#d97706;color:#d97706}.tier-progress-card .tier-level span{color:#1f2937;font-weight:600}.tier-progress-card .tier-level small{color:#6b7280;font-size:.75rem}.tier-progress-card .tier-connector{background:#e5e7eb;border-radius:2px;flex:1;height:4px;margin:0 .75rem;position:relative;top:-20px}@media(max-width:768px){.tier-progress-card .tier-connector{display:none}}.tier-progress-card .tier-connector .connector-line{background:#22c55e;border-radius:2px;height:100%;transition:width .5s ease;width:0}.tier-progress-card .tier-connector .connector-line.filled{width:100%}.tier-progress-card .progress-bar-container{margin-bottom:1.5rem}.tier-progress-card .progress-bar-container .progress-bar{background:#e5e7eb;border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden}.tier-progress-card .progress-bar-container .progress-bar .progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:6px;height:100%;transition:width .5s ease}.tier-progress-card .progress-bar-container .progress-label{color:#6b7280;font-size:.875rem;font-weight:500;text-align:center}.tier-progress-card .tier-benefits{background:rgba(34,197,94,.05);border-radius:1rem;padding:1rem}.tier-progress-card .tier-benefits h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .75rem}.tier-progress-card .tier-benefits ul{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media(max-width:768px){.tier-progress-card .tier-benefits ul{grid-template-columns:1fr}}.tier-progress-card .tier-benefits ul li{align-items:center;color:#1f2937;display:flex;font-size:.875rem;gap:.5rem}.tier-progress-card .tier-benefits ul li svg{color:var(--hm-brand-text);flex-shrink:0}.content-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media(max-width:1199px){.content-grid{grid-template-columns:1fr}}.chart-card .chart-container{height:300px;padding:1rem}.chart-card .chart-container.pie-chart-container{align-items:center;display:flex;flex-direction:column}.chart-card .pie-legend{display:flex;gap:1rem;justify-content:center;margin-top:.75rem}.chart-card .pie-legend .legend-item{align-items:center;display:flex;gap:.5rem}.chart-card .pie-legend .legend-item .legend-color{border-radius:3px;height:12px;width:12px}.chart-card .pie-legend .legend-item .legend-label{color:#6b7280;font-size:.875rem}.chart-card .pie-legend .legend-item .legend-value{color:#1f2937;font-size:.875rem;font-weight:600}.chart-card .empty-chart{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center}.chart-card .empty-chart svg{margin-bottom:.75rem;opacity:.3}.chart-card .empty-chart p{font-weight:600;margin:0}.chart-card .empty-chart small{font-size:.875rem;margin-top:.25rem}.payouts-list,.referrals-list{padding:1rem}.payout-item,.referral-item{align-items:center;border-radius:.375rem;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.payout-item:hover,.referral-item:hover{background:#f9fafb}.payout-item:not(:last-child),.referral-item:not(:last-child){border-bottom:1px solid #f3f4f6}.payout-icon,.referral-avatar{align-items:center;background:rgba(34,197,94,.1);border-radius:50%;color:var(--hm-brand-text);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.payout-info,.referral-info{flex:1;min-width:0}.payout-info .payout-period,.payout-info .referral-name,.referral-info .payout-period,.referral-info .referral-name{color:#1f2937;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payout-info .payout-details,.payout-info .referral-date,.referral-info .payout-details,.referral-info .referral-date{color:#6b7280;font-size:.875rem}.payout-status .status-badge,.referral-status .status-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:uppercase}.payout-status .status-badge.active,.payout-status .status-badge.paid,.referral-status .status-badge.active,.referral-status .status-badge.paid{background:rgba(34,197,94,.1);color:var(--hm-brand-text)}.payout-status .status-badge.pending,.referral-status .status-badge.pending{background:rgba(245,158,11,.1);color:#d97706}.payout-status .status-badge.churned,.payout-status .status-badge.failed,.referral-status .status-badge.churned,.referral-status .status-badge.failed{background:rgba(239,68,68,.1);color:var(--hm-badge-text-red)}.payout-status .status-badge.processing,.payout-status .status-badge.reactivated,.referral-status .status-badge.processing,.referral-status .status-badge.reactivated{background:rgba(59,130,246,.1);color:var(--hm-badge-text-blue)}.referral-earnings{text-align:right}.referral-earnings .earning-active{color:var(--hm-brand-text);font-weight:700}.referral-earnings .earning-inactive{color:#6b7280}.payout-amount{color:var(--hm-brand-text);font-size:1.125rem;font-weight:700}.empty-state{color:#6b7280;padding:2rem}.empty-state svg{margin-bottom:.75rem;opacity:.3}.empty-state p{color:#1f2937;font-weight:600}.empty-state small{font-size:.875rem;margin-top:.25rem;text-align:center}.how-it-works-card .how-it-works-content{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);padding:1.5rem}@media(max-width:1199px){.how-it-works-card .how-it-works-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.how-it-works-card .how-it-works-content{grid-template-columns:1fr}}.how-it-works-card .step{align-items:center;display:flex;flex-direction:column;text-align:center}.how-it-works-card .step .step-number{align-items:center;background:var(--hm-gradient-cta);border-radius:50%;color:var(--hm-text-inverse);display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;margin-bottom:.75rem;width:48px}.how-it-works-card .step .step-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.how-it-works-card .step .step-content p{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0}@media(max-width:991px){.ambassador-dashboard .referral-code-card{padding:1rem}.ambassador-dashboard .referral-code-card .code-section .code-display .code-value{font-size:1.25rem;letter-spacing:1px}.ambassador-dashboard .metrics-grid{gap:.75rem}.ambassador-dashboard .metric-card{padding:1rem}.ambassador-dashboard .metric-card .metric-value{font-size:1.25rem}}@media(max-width:768px){.ambassador-dashboard .referral-code-card .code-section .code-display{padding:.5rem .75rem}.ambassador-dashboard .referral-code-card .code-section .code-display .code-value{font-size:1.125rem}.ambassador-dashboard .content-grid{gap:1rem}.ambassador-dashboard .payout-item,.ambassador-dashboard .referral-item{flex-wrap:wrap}.ambassador-dashboard .payout-item .payout-status,.ambassador-dashboard .payout-item .referral-status,.ambassador-dashboard .referral-item .payout-status,.ambassador-dashboard .referral-item .referral-status{margin-bottom:.5rem;order:-1;width:100%}.ambassador-dashboard .payout-item .payout-amount,.ambassador-dashboard .payout-item .referral-earnings,.ambassador-dashboard .referral-item .payout-amount,.ambassador-dashboard .referral-item .referral-earnings{margin-left:auto}.ambassador-dashboard .how-it-works-card .how-it-works-content{gap:1rem}}@media(prefers-reduced-motion:reduce){.ambassador-dashboard *,.ambassador-dashboard :after,.ambassador-dashboard :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ambassador-dashboard a:focus,.ambassador-dashboard button:focus{outline:2px solid var(--hm-focus-ring-color);outline-offset:2px}.ambassador-registration{background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:100vh;padding:1.5rem}@media(max-width:991px){.ambassador-registration{padding:1rem}}@media(max-width:768px){.ambassador-registration{padding:.75rem}}.registration-container{margin:0 auto;max-width:800px}.registration-header{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:2rem;text-align:center}.registration-header .back-link{align-items:center;color:#6b7280;display:inline-flex;font-weight:500;gap:.25rem;margin-bottom:1.5rem;text-decoration:none;transition:all .3s ease}.registration-header .back-link:hover{color:var(--hm-brand-text)}.registration-header .header-content .header-icon{align-items:center;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.15));border:3px solid rgba(245,158,11,.3);border-radius:50%;color:var(--hm-badge-text-amber);display:flex;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.registration-header .header-content h1{color:#1f2937;font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.registration-header .header-content p{color:#6b7280;font-size:1rem;margin:0}.benefits-section{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:1.5rem}.benefits-section h2{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.benefits-section h2 svg{color:var(--hm-brand-text)}.benefits-section .benefits-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1199px){.benefits-section .benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.benefits-section .benefits-grid{grid-template-columns:1fr}}.benefits-section .benefit-card{background:#f9fafb;border-radius:1rem;padding:1rem;text-align:center;transition:all .3s ease}.benefits-section .benefit-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.07);transform:translateY(-4px)}.benefits-section .benefit-card .benefit-icon{align-items:center;border-radius:1rem;display:flex;height:56px;justify-content:center;margin:0 auto .75rem;width:56px}.benefits-section .benefit-card .benefit-icon.green{background:rgba(34,197,94,.1);color:var(--hm-brand-text)}.benefits-section .benefit-card .benefit-icon.blue{background:rgba(59,130,246,.1);color:var(--hm-badge-text-blue)}.benefits-section .benefit-card .benefit-icon.purple{background:rgba(139,92,246,.1);color:#7c3aed}.benefits-section .benefit-card .benefit-icon.orange{background:rgba(245,158,11,.1);color:var(--hm-badge-text-amber)}.benefits-section .benefit-card h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.benefits-section .benefit-card p{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0}.registration-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:2rem}.ambassador-registration .form-section{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1.5rem}.ambassador-registration .form-section:last-of-type{border-bottom:none;margin-bottom:1rem}.ambassador-registration .form-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.ambassador-registration .form-section h3 svg{color:var(--hm-brand-text)}.form-field{margin-bottom:1rem}.form-field:last-child{margin-bottom:0}.form-field .form-label{align-items:center;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-field .form-label.required:after{color:#ef4444;content:"*";margin-left:2px}.form-field .form-label .optional-badge{background:#f9fafb;border-radius:.25rem;color:#6b7280;font-size:.75rem;font-weight:400;padding:2px 8px}.form-field input[type=email],.form-field input[type=tel],.form-field input[type=text],.form-field select{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;color:#1f2937;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-field input[type=email]:focus,.form-field input[type=tel]:focus,.form-field input[type=text]:focus,.form-field select:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.1);outline:none}.form-field input[type=email].error,.form-field input[type=tel].error,.form-field input[type=text].error,.form-field select.error{background:rgba(239,68,68,.02);border-color:#ef4444}.form-field input[type=email].error:focus,.form-field input[type=tel].error:focus,.form-field input[type=text].error:focus,.form-field select.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-field input[type=email]::-moz-placeholder,.form-field input[type=tel]::-moz-placeholder,.form-field input[type=text]::-moz-placeholder,.form-field select::-moz-placeholder{color:var(--hm-text-muted)}.form-field input[type=email]::placeholder,.form-field input[type=tel]::placeholder,.form-field input[type=text]::placeholder,.form-field select::placeholder{color:var(--hm-text-muted)}.form-field .field-error{align-items:center;color:#ef4444;font-weight:500}.form-field .field-error,.form-field .field-hint{display:flex;font-size:.875rem;gap:.25rem;margin-top:.5rem}.form-field .field-hint{align-items:flex-start;color:#6b7280}.form-field .field-hint svg{flex-shrink:0;margin-top:2px}.payment-methods{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.payment-methods{grid-template-columns:1fr}}.payment-methods .payment-method-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:all .3s ease}.payment-methods .payment-method-btn:hover{background:rgba(34,197,94,.02);border-color:#4ade80}.payment-methods .payment-method-btn.selected{background:rgba(34,197,94,.05);border-color:#22c55e}.payment-methods .payment-method-btn.selected .check-icon{color:var(--hm-brand-text)}.payment-methods .payment-method-btn svg:first-child{color:#6b7280}.payment-methods .payment-method-btn span{color:#1f2937;flex:1;font-weight:600}.payment-methods .payment-method-btn .check-icon{color:transparent}.terms-checkbox{align-items:flex-start;background:rgba(34,197,94,.02);border:1px solid rgba(34,197,94,.1);border-radius:1rem;display:flex;gap:.75rem;padding:1rem}.terms-checkbox input[type=checkbox]{accent-color:#22c55e;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.terms-checkbox label{color:#1f2937;cursor:pointer;font-size:.875rem;line-height:1.6}.terms-checkbox label a{color:var(--hm-brand-text);font-weight:600;text-decoration:none}.terms-checkbox label a:hover{text-decoration:underline}.earnings-preview{background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(22,163,74,.08));border:1px solid rgba(34,197,94,.2);border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.earnings-preview h4{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.earnings-preview h4 svg{color:var(--hm-brand-text)}.earnings-preview .earnings-table{display:flex;flex-direction:column;gap:.5rem}.earnings-preview .earnings-row{align-items:center;background:#fff;border-radius:.375rem;display:flex;font-size:.875rem;padding:.75rem 1rem}.earnings-preview .earnings-row span:first-child{color:#1f2937;flex:1;font-weight:500}.earnings-preview .earnings-row .amount{color:var(--hm-brand-text);font-weight:700;margin-right:1rem}.earnings-preview .earnings-row .annual{color:#6b7280;font-size:.75rem}.earnings-preview .earnings-row.highlight{background:var(--hm-gradient-cta)}.earnings-preview .earnings-row.highlight .amount,.earnings-preview .earnings-row.highlight span:first-child{color:#fff}.earnings-preview .earnings-row.highlight .annual{color:hsla(0,0%,100%,.8)}.earnings-preview .earnings-caption{color:#6b7280;font-size:.75rem;line-height:1.5;margin:.75rem 0 0}.ambassador-registration .form-actions{display:flex;gap:1rem;justify-content:space-between}@media(max-width:768px){.ambassador-registration .form-actions{flex-direction:column-reverse}}.ambassador-registration .form-actions .btn-primary,.ambassador-registration .form-actions .btn-secondary{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:1rem 1.5rem;transition:all .3s ease}@media(max-width:768px){.ambassador-registration .form-actions .btn-primary,.ambassador-registration .form-actions .btn-secondary{width:100%}}.ambassador-registration .form-actions .btn-primary:disabled,.ambassador-registration .form-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.ambassador-registration .form-actions .btn-primary .animate-spin,.ambassador-registration .form-actions .btn-secondary .animate-spin{animation:spin 1s linear infinite}.ambassador-registration .form-actions .btn-secondary{background:#f9fafb;border:1px solid #e5e7eb;color:#1f2937}.ambassador-registration .form-actions .btn-secondary:hover:not(:disabled){background:#e5e7eb}.ambassador-registration .form-actions .btn-primary{background:var(--hm-gradient-cta);color:#fff}.ambassador-registration .form-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px rgba(34,197,94,.4);transform:translateY(-2px)}.faq-section{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:1.5rem}.faq-section h2{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.faq-section h2 svg{color:var(--hm-brand-text)}.faq-section .faq-list{display:flex;flex-direction:column;gap:1rem}.faq-section .faq-item{background:#f9fafb;border-radius:1rem;padding:1rem}.faq-section .faq-item h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.faq-section .faq-item p{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0}.faq-section .faq-item p strong{color:#1f2937}.ambassador-registration a:focus,.ambassador-registration button:focus,.ambassador-registration input:focus{outline:2px solid var(--hm-focus-ring-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ambassador-registration *,.ambassador-registration :after,.ambassador-registration :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ambassador-payouts .back-link,.ambassador-referrals .back-link{align-items:center;color:var(--hm-text-secondary-on-tint);display:inline-flex;font-weight:500;gap:.25rem;margin-bottom:1rem;text-decoration:none;transition:all .3s ease}.ambassador-payouts .back-link:hover,.ambassador-referrals .back-link:hover{color:var(--hm-brand-text)}.ambassador-payouts .btn-refresh,.ambassador-referrals .btn-refresh{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.ambassador-payouts .btn-refresh:hover,.ambassador-referrals .btn-refresh:hover{background:#f9fafb;border-color:#22c55e;color:var(--hm-brand-text)}@media(max-width:991px){.ambassador-payouts .btn-refresh,.ambassador-referrals .btn-refresh{justify-content:center;width:100%}}.ambassador-payouts,.ambassador-referrals{background:linear-gradient(135deg,#f0fdf4,#dcfce7);min-height:100vh;padding:1.5rem}@media(max-width:991px){.ambassador-payouts,.ambassador-referrals{padding:1rem}}@media(max-width:768px){.ambassador-payouts,.ambassador-referrals{padding:.75rem}}.ambassador-payouts .page-header,.ambassador-referrals .page-header{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:1.5rem 2rem}.ambassador-payouts .page-header .header-content,.ambassador-referrals .page-header .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:991px){.ambassador-payouts .page-header .header-content,.ambassador-referrals .page-header .header-content{align-items:flex-start;flex-direction:column}}.ambassador-payouts .page-header .back-link,.ambassador-referrals .page-header .back-link{align-items:center;color:#6b7280;display:flex;font-weight:500;gap:.25rem;text-decoration:none;transition:all .3s ease}.ambassador-payouts .page-header .back-link:hover,.ambassador-referrals .page-header .back-link:hover{color:var(--hm-brand-text)}.ambassador-payouts .page-header .header-title,.ambassador-referrals .page-header .header-title{align-items:center;display:flex;flex:1;gap:1rem}.ambassador-payouts .page-header .header-title .header-icon,.ambassador-referrals .page-header .header-title .header-icon{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.15));border:3px solid rgba(34,197,94,.3);border-radius:1.5rem;color:var(--hm-brand-text);display:flex;height:56px;justify-content:center;width:56px}.ambassador-payouts .page-header .header-title .title-info h1,.ambassador-referrals .page-header .header-title .title-info h1{color:#1f2937;font-size:1.5rem;font-weight:800;margin:0 0 .25rem}.ambassador-payouts .page-header .header-title .title-info p,.ambassador-referrals .page-header .header-title .title-info p{color:#6b7280;font-size:.875rem;margin:0}.ambassador-payouts .page-header .btn-refresh,.ambassador-referrals .page-header .btn-refresh{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.ambassador-payouts .page-header .btn-refresh:hover,.ambassador-referrals .page-header .btn-refresh:hover{background:#f9fafb;border-color:#22c55e;color:var(--hm-brand-text)}@media(max-width:991px){.ambassador-payouts .page-header .btn-refresh,.ambassador-referrals .page-header .btn-refresh{justify-content:center;width:100%}}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1199px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}}.stats-grid .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;gap:.75rem;padding:1rem}.stats-grid .stat-card .stat-icon{align-items:center;border-radius:1rem;display:flex;height:48px;justify-content:center;width:48px}.stats-grid .stat-card .stat-info{display:flex;flex-direction:column}.stats-grid .stat-card .stat-info .stat-value{color:#1f2937;font-size:1.5rem;font-weight:700}.stats-grid .stat-card .stat-info .stat-label{color:#6b7280;font-size:.875rem}.stats-grid .stat-card.total .stat-icon{background:rgba(59,130,246,.1);color:var(--hm-badge-text-blue)}.stats-grid .stat-card.active .stat-icon{background:rgba(34,197,94,.1);color:var(--hm-brand-text)}.stats-grid .stat-card.pending .stat-icon{background:rgba(245,158,11,.1);color:var(--hm-badge-text-amber)}.stats-grid .stat-card.churned .stat-icon{background:rgba(239,68,68,.1);color:var(--hm-badge-text-red)}.summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1199px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.summary-grid{grid-template-columns:1fr}}.summary-grid .summary-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;gap:1rem;padding:1.5rem}.summary-grid .summary-card .summary-icon{align-items:center;border-radius:1rem;display:flex;height:56px;justify-content:center;width:56px}.summary-grid .summary-card .summary-info{display:flex;flex-direction:column}.summary-grid .summary-card .summary-info .summary-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.summary-grid .summary-card .summary-info .summary-value{color:#1f2937;font-size:1.25rem;font-weight:700}.summary-grid .summary-card.total-paid .summary-icon{background:rgba(34,197,94,.1);color:var(--hm-brand-text)}.summary-grid .summary-card.total-pending .summary-icon{background:rgba(245,158,11,.1);color:var(--hm-badge-text-amber)}.summary-grid .summary-card.payment-method .summary-icon{background:rgba(59,130,246,.1);color:var(--hm-badge-text-blue)}.summary-grid .summary-card.total-payouts .summary-icon{background:rgba(139,92,246,.1);color:#7c3aed}.payment-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;overflow:hidden}.payment-info-card .info-header{background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(22,163,74,.08));border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.payment-info-card .info-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.payment-info-card .info-content{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}@media(max-width:991px){.payment-info-card .info-content{gap:1rem;grid-template-columns:1fr}}.payment-info-card .info-content .info-item{display:flex;flex-direction:column;gap:.25rem}.payment-info-card .info-content .info-item .info-label{color:#6b7280;font-size:.875rem}.payment-info-card .info-content .info-item .info-value{color:#1f2937;font-size:1rem;font-weight:600}.filters-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem}@media(max-width:768px){.filters-bar{align-items:stretch;flex-direction:column}}.filters-bar .search-box{align-items:center;background:#f9fafb;border-radius:1rem;display:flex;flex:1;gap:.5rem;min-width:200px;padding:0 .75rem}.filters-bar .search-box svg{color:#6b7280}.filters-bar .search-box input{background:transparent;border:none;color:#1f2937;flex:1;font-size:.875rem;padding:.75rem 0}.filters-bar .search-box input:focus{outline:none}.filters-bar .search-box input::-moz-placeholder{color:var(--hm-text-muted)}.filters-bar .search-box input::placeholder{color:var(--hm-text-muted)}.filters-bar .filter-group,.filters-bar .sort-group{align-items:center;background:#f9fafb;border-radius:1rem;display:flex;gap:.5rem;padding:0 .75rem}.filters-bar .filter-group svg,.filters-bar .sort-group svg{color:#6b7280}.filters-bar .filter-group select,.filters-bar .sort-group select{background:transparent;border:none;color:#1f2937;cursor:pointer;font-size:.875rem;padding:.75rem 0}.filters-bar .filter-group select:focus,.filters-bar .sort-group select:focus{outline:none}.filters-bar .sort-order-btn{align-items:center;background:#fff;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.filters-bar .sort-order-btn:hover{background:#f9fafb;color:var(--hm-brand-text)}.payouts-container,.referrals-container{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.referrals-list .referral-card{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.referrals-list .referral-card:last-child{border-bottom:none}.referrals-list .referral-card:hover{background:#f9fafb}@media(max-width:991px){.referrals-list .referral-card{flex-wrap:wrap}}.referrals-list .referral-card .referral-avatar{align-items:center;background:rgba(34,197,94,.1);border-radius:50%;color:var(--hm-brand-text);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.referrals-list .referral-card .referral-main{flex:1;min-width:150px}.referrals-list .referral-card .referral-main .referral-name{color:#1f2937;font-weight:600;margin-bottom:.25rem}.referrals-list .referral-card .referral-main .referral-phone{color:#6b7280;font-size:.875rem}.referrals-list .referral-card .referral-dates{display:flex;flex-direction:column;gap:.25rem}.referrals-list .referral-card .referral-dates .date-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.25rem}.referrals-list .referral-card .referral-status{min-width:100px}.referrals-list .referral-card .referral-earnings{min-width:80px;text-align:right}.referrals-list .referral-card .referral-earnings .months{color:#6b7280;display:block;font-size:.75rem;margin-bottom:.25rem}.referrals-list .referral-card .referral-earnings .amount{color:#6b7280;font-size:1.125rem;font-weight:700}.referrals-list .referral-card .referral-earnings .amount.active{color:var(--hm-brand-text)}.payouts-list .payout-card{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1.5rem;padding:1rem 1.5rem;transition:all .3s ease}.payouts-list .payout-card:last-child{border-bottom:none}.payouts-list .payout-card:hover{background:#f9fafb}@media(max-width:991px){.payouts-list .payout-card{flex-wrap:wrap;gap:.75rem}}.payouts-list .payout-card .payout-period{background:rgba(34,197,94,.1);border-radius:1rem;min-width:80px;padding:.75rem;text-align:center}.payouts-list .payout-card .payout-period .period-month{color:var(--hm-brand-text);font-size:1.125rem;font-weight:700}.payouts-list .payout-card .payout-period .period-year{color:#6b7280;font-size:.875rem}.payouts-list .payout-card .payout-details{display:flex;flex:1;gap:1.5rem}@media(max-width:768px){.payouts-list .payout-card .payout-details{flex-direction:column;gap:.5rem}}.payouts-list .payout-card .payout-details .detail-item{display:flex;flex-direction:column;gap:.25rem}.payouts-list .payout-card .payout-details .detail-item .detail-label{color:#6b7280;font-size:.75rem;text-transform:uppercase}.payouts-list .payout-card .payout-details .detail-item .detail-value{color:#1f2937;font-size:.875rem;font-weight:600}.payouts-list .payout-card .payout-status{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;min-width:120px}.payouts-list .payout-card .payout-status .payment-ref,.payouts-list .payout-card .payout-status .processed-date{color:#6b7280;font-size:.75rem}.payouts-list .payout-card .payout-amount{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;min-width:100px}.payouts-list .payout-card .payout-amount svg{color:var(--hm-brand-text)}.payouts-list .payout-card .payout-amount span{color:var(--hm-brand-text);font-size:1.25rem;font-weight:700}.ambassador-payouts .status-badge,.ambassador-referrals .status-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:uppercase}.ambassador-payouts .status-badge.active,.ambassador-payouts .status-badge.paid,.ambassador-referrals .status-badge.active,.ambassador-referrals .status-badge.paid{background:rgba(34,197,94,.1);color:var(--hm-brand-text)}.ambassador-payouts .status-badge.pending,.ambassador-referrals .status-badge.pending{background:rgba(245,158,11,.1);color:#d97706}.ambassador-payouts .status-badge.churned,.ambassador-payouts .status-badge.failed,.ambassador-referrals .status-badge.churned,.ambassador-referrals .status-badge.failed{background:rgba(239,68,68,.1);color:var(--hm-badge-text-red)}.ambassador-payouts .status-badge.processing,.ambassador-payouts .status-badge.reactivated,.ambassador-referrals .status-badge.processing,.ambassador-referrals .status-badge.reactivated{background:rgba(59,130,246,.1);color:var(--hm-badge-text-blue)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-state svg{color:var(--hm-text-muted);margin-bottom:1rem;opacity:.5}.empty-state h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0}.help-section{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:1.5rem;padding:1.5rem}.help-section h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.help-section .help-items{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:991px){.help-section .help-items{grid-template-columns:1fr}}.help-section .help-items .help-item{background:#f9fafb;border-radius:1rem;padding:1rem}.help-section .help-items .help-item strong{color:#1f2937;display:block;font-size:.875rem;margin-bottom:.5rem}.help-section .help-items .help-item p{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}