.billing-container{color:#333;max-width:800px;margin:0 auto;padding:2rem 1rem}.billing-container h2{color:#2c3e50;text-align:center;margin-bottom:2rem;font-size:2rem}.credit-balance{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:2rem;padding:2rem}.credit-balance h3{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.credit-balance p{opacity:.9;font-size:1.1rem}.balance-details{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;padding:1.25rem}.balance-row{border-bottom:1px solid #fff3;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:.75rem 0;display:grid}.balance-dollars{opacity:.8;text-align:right;min-width:70px;font-size:.9rem}.balance-row:last-of-type{border-bottom:none;padding-bottom:0}.balance-row.primary{border-top:2px solid #ffffff4d;margin-top:.5rem;padding-top:1rem;font-size:1.15rem;font-weight:600}.balance-label{opacity:.9;font-size:.95rem}.balance-row.primary .balance-label{font-size:1.1rem}.balance-value{letter-spacing:.5px;font-size:1.25rem;font-weight:700}.balance-row.primary .balance-value{font-size:1.4rem}.balance-value.reserved{color:gold}.holds-badge{color:gold;background:#ffd7004d;border-radius:12px;margin-left:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.screenshots-estimate{opacity:.85;text-align:center;border-top:1px solid #fff3;margin-top:1rem;margin-bottom:0;padding-top:1rem;font-size:.9rem}.pricing-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.pricing-info h3{color:#2c3e50;margin-bottom:1rem}.pricing-details p{margin:.5rem 0;font-size:1rem}.pricing-details p strong{color:#e74c3c}.add-credits{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.add-credits h3{color:#2c3e50;margin-bottom:1.5rem}.stripe-security-notice{background:#f8fffe;border:1px solid #00d4aa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.security-badge{color:#00a085;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;display:flex}.stripe-security-notice p{color:#00a085;margin:0;font-size:.9rem;line-height:1.4}.form-group{margin-bottom:1.5rem}.form-group label{color:#555;margin-bottom:.5rem;font-weight:600;display:block}.form-group select{background:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea33}.stripe-card-container{background:#fafaff;border:2px solid #635bff;border-radius:8px;padding:1rem;position:relative}.stripe-powered-badge{color:#fff;z-index:10;background:#635bff;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:-10px;right:12px}.stripe-powered-badge span{align-items:center;gap:4px;display:flex}.stripe-security-text{color:#635bff;margin-top:.5rem;font-style:italic}.stripe-security-text small{font-size:.8rem}.StripeElement{background:#fff;border:1px solid #ced4da;border-radius:4px;padding:.75rem;transition:box-shadow .15s;box-shadow:0 1px 3px #e6ebf1}.StripeElement--focus{border-color:#667eea;box-shadow:0 1px 3px #cfd7df}.StripeElement--invalid{border-color:#e74c3c}.error-message{color:#e74c3c;background:#fdf2f2;border:1px solid #fecaca;border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.875rem}button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;margin-top:1rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.transaction-history{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.transaction-history h3{color:#2c3e50;margin-bottom:1rem}.transaction-history table{border-collapse:collapse;width:100%}.transaction-history th,.transaction-history td{text-align:left;border-bottom:1px solid #dee2e6;padding:.75rem}.transaction-history th{color:#495057;background:#f8f9fa;font-weight:600}.transaction-history tr:hover{background:#f8f9fa}@media (max-width:1024px){.billing-container{padding:1.5rem 1rem}}@media (max-width:768px){.billing-container{padding:1rem .75rem}.billing-container h2{font-size:1.75rem}.credit-balance,.add-credits,.transaction-history{padding:1.5rem}.transaction-history{overflow-x:auto}.transaction-history table{min-width:500px}}@media (max-width:480px){.billing-container{padding:1rem .5rem}.billing-container h2{font-size:1.5rem}.credit-balance,.add-credits,.transaction-history{padding:1rem}.credit-balance h3{font-size:1.25rem}.form-group label{font-size:.9rem}}.auto-recharge-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.auto-recharge-section h3{color:#2c3e50;margin-bottom:.5rem}.no-payment-method{text-align:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;padding:2rem 1rem}.no-payment-method p{color:#6c757d;margin-bottom:1rem;font-size:1.1rem}.payment-setup-form{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.payment-method-display{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1rem;font-weight:600;display:flex}.toggle-section{margin-bottom:1.5rem}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-radius:6px;align-items:center;padding:1rem;transition:background .2s;display:flex}.toggle-label:hover{background:#e9ecef}.toggle-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;margin-right:.75rem}.toggle-text{color:#2c3e50;font-size:1.05rem;font-weight:600}.auto-recharge-settings{background:#f8f9fa;border-radius:6px;margin-top:1rem;padding:1.5rem}.auto-recharge-settings .form-group{margin-bottom:1.25rem}.auto-recharge-settings .form-group label{color:#495057;margin-bottom:.5rem;font-weight:600}.auto-recharge-settings input[type=number]{border:1px solid #ced4da;border-radius:4px;width:200px;margin-right:.5rem;padding:.75rem;font-size:1rem}.auto-recharge-settings input[type=number]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea33}.input-suffix{color:#6c757d;font-size:.95rem}.auto-recharge-settings button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:6px;margin-top:1rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.auto-recharge-settings button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.auto-recharge-settings button:disabled{opacity:.6;cursor:not-allowed}.recharge-history{color:#6c757d;border-top:1px solid #dee2e6;margin-top:1rem;padding-top:1rem;font-size:.9em}.success-message{color:#155724;text-align:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;padding:1rem;font-weight:600}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.auto-recharge-section{padding:1.5rem}.auto-recharge-settings input[type=number]{width:100%;margin-bottom:.5rem}.input-suffix{margin-top:.25rem;display:block}}.terms-agreement{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin:1.5rem 0 .5rem;padding:1rem}.terms-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.terms-checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px;margin-right:.75rem}.terms-checkbox-label span{color:#495057;font-size:.95rem}.terms-checkbox-label a{color:#667eea;font-weight:600;text-decoration:none}.terms-checkbox-label a:hover{text-decoration:underline}.promo-code-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 4px #0000001a}.promo-code-section h3{color:#2c3e50;margin-bottom:.5rem}.promo-input-group{max-width:400px;display:flex}.promo-input-group input{flex:1}@media (max-width:480px){.promo-input-group{flex-direction:column}.promo-input-group input{border-radius:6px 6px 0 0!important}.promo-input-group button{border-radius:0 0 6px 6px!important}}