.affiliate-signup-page,.affiliate-dashboard-page{background-color:#000;color:#fff;min-height:100vh;padding:2rem 0}.affiliate-signup-form{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);overflow:hidden}.affiliate-signup-form .card-header{background:linear-gradient(135deg,#ff6b35,#e55a2b);border-bottom:none;padding:1.5rem}.affiliate-signup-form .card-header h1{margin:0;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.affiliate-signup-form .card-body{padding:2rem;background:#111}.commission-rates{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #ff6b35;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center}.commission-rates h4{color:#ff6b35;margin-bottom:1rem;font-weight:600}.commission-rate-item{margin-bottom:.5rem}.commission-rate-item strong{color:#ff6b35;font-size:1.2em}.affiliate-signup-form .form-control{background-color:#1a1a1a;border:2px solid #333;color:#fff;border-radius:6px;padding:.75rem 1rem;transition:all .3s ease}.affiliate-signup-form .form-control:focus{background-color:#222;border-color:#ff6b35;box-shadow:0 0 0 .2rem rgba(var(--color-accent-rgb),.25);color:#fff}.affiliate-signup-form .form-control::placeholder{color:#888}.affiliate-signup-form .form-control.is-valid{border-color:#28a745;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.94-.94 2.94-2.94 1.06 1.06L3.3 7.8z'/%3e%3c/svg%3e")}.affiliate-signup-form .form-control.is-invalid{border-color:#dc3545;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 4.6.7.7 1.4-1.4'/%3e%3c/svg%3e")}.valid-feedback{color:#28a745;font-size:.875rem;margin-top:.25rem}.invalid-feedback{color:#dc3545;font-size:.875rem;margin-top:.25rem}.affiliate-code-generator{display:flex;gap:.5rem;align-items:end}.affiliate-code-generator .form-control{flex:1}#generate-code-btn{background:linear-gradient(135deg,#ff6b35,#e55a2b);border:none;color:#fff;padding:.75rem 1rem;border-radius:6px;font-weight:600;transition:all .3s ease;white-space:nowrap}#generate-code-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.affiliate-signup-form .btn-primary{background:linear-gradient(135deg,#ff6b35,#e55a2b);border:none;padding:1rem 2rem;font-weight:600;border-radius:6px;transition:all .3s ease}.affiliate-signup-form .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-accent-rgb),.4)}.affiliate-signup-form .btn-primary:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.affiliate-dashboard-page .container{max-width:1200px}.dashboard-header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.dashboard-header h1{color:#ff6b35;margin-bottom:.5rem;font-weight:700}.affiliate-status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.affiliate-status-badge.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.affiliate-status-badge.pending{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#000}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b35,#ff8555)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-accent-rgb),.2)}.stat-icon{font-size:2rem;color:#ff6b35;margin-bottom:.5rem;display:block}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem;display:block}.stat-label{color:#aaa;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.performance-chart-container{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #333;border-radius:12px;padding:2rem;margin-bottom:2rem}.performance-chart-container h3{color:#ff6b35;margin-bottom:1.5rem;font-weight:600}.chart-wrapper{position:relative;height:300px;width:100%}.link-generator{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #333;border-radius:12px;padding:2rem;margin-bottom:2rem}.link-generator h3{color:#ff6b35;margin-bottom:1.5rem;font-weight:600}.link-generator .form-control{background-color:#222;border:1px solid #444;color:#fff;border-radius:6px}.link-generator .form-control:focus{background-color:#2a2a2a;border-color:#ff6b35;box-shadow:0 0 0 .2rem rgba(var(--color-accent-rgb),.25)}#generated-link{display:none}#generated-link .card{margin-top:1rem;border:1px solid #ff6b35}#generated-link .form-control{background-color:#111;border:none;color:#fff;font-family:courier new,monospace;font-size:.875rem}.commission-history{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #333;border-radius:12px;padding:2rem;margin-bottom:2rem}.commission-history h3{color:#ff6b35;margin-bottom:1.5rem;font-weight:600}.commission-table{width:100%;color:#fff;background-color:initial}.commission-table th{border-top:none;border-bottom:2px solid #333;color:#ff6b35;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.875rem;padding:1rem .75rem}.commission-table td{border-bottom:1px solid #333;padding:.75rem;vertical-align:middle}.commission-table tr:hover{background-color:rgba(var(--color-accent-rgb),.1)}.badge{font-size:.75rem;padding:.375rem .75rem;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.bg-primary{background-color:#ff6b35!important}.badge.bg-success{background-color:#28a745!important}.badge.bg-info{background-color:#17a2b8!important}.badge.bg-warning{background-color:#ffc107!important;color:#000!important}.badge.bg-danger{background-color:#dc3545!important}.btn-outline-light{border-color:#666;color:#fff;transition:all .3s ease}.btn-outline-light:hover{background-color:#ff6b35;border-color:#ff6b35;color:#fff}#refresh-commissions{background:linear-gradient(135deg,#333333,#444444);border:1px solid #555;color:#fff;border-radius:6px;padding:.5rem 1rem;transition:all .3s ease}#refresh-commissions:hover{background:linear-gradient(135deg,#ff6b35,#e55a2b);border-color:#ff6b35;transform:translateY(-1px)}.alert{border:none;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;font-weight:500}.alert-success{background-color:rgba(40,167,69,.2);color:#28a745;border-left:4px solid #28a745}.alert-danger{background-color:rgba(220,53,69,.2);color:#dc3545;border-left:4px solid #dc3545}.alert-info{background-color:rgba(var(--color-accent-rgb),.2);color:#ff6b35;border-left:4px solid #ff6b35}@media(max-width:768px){.affiliate-signup-page,.affiliate-dashboard-page{padding:1rem 0}.affiliate-signup-form .card-body,.dashboard-header,.performance-chart-container,.link-generator,.commission-history{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.affiliate-code-generator{flex-direction:column;gap:1rem}#generate-code-btn{width:100%}.commission-table{font-size:.875rem}.commission-table th,.commission-table td{padding:.5rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.chart-wrapper{height:250px}.commission-history{overflow-x:auto}.commission-table{min-width:500px}}.loading{opacity:.6;pointer-events:none}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark-theme .affiliate-signup-page,.dark-theme .affiliate-dashboard-page{background-color:#000}.dark-theme .card{background-color:#111;border-color:#333}.dark-theme .form-control{background-color:#1a1a1a;border-color:#333;color:#fff}.dark-theme .table{color:#fff}.dark-theme .table th{border-color:#333}.dark-theme .table td{border-color:#333}