.billing-container{max-width:800px;margin:0 auto;padding:2rem 1rem;color:#333}.billing-container h2{font-size:2rem;margin-bottom:2rem;color:#2c3e50;text-align:center}.credit-balance{background:var(--background-color);color:var(--text-color);padding:2rem;border-radius:12px;margin-bottom:2rem;text-align:center;border:1px solid var(--border-color)}.credit-balance h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600;color:var(--text-color)}.credit-balance p{opacity:.8;font-size:1.1rem}.balance-details{text-align:left;background:rgba(255,255,255,.15);border-radius:8px;padding:1.25rem;backdrop-filter:blur(10px)}.balance-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.balance-dollars{font-size:.9rem;opacity:.8;min-width:70px;text-align:right}.balance-row:last-of-type{border-bottom:none;padding-bottom:0}.balance-row.primary{font-size:1.15rem;font-weight:600;margin-top:.5rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.3)}.balance-label{font-size:.95rem;opacity:.9}.balance-row.primary .balance-label{font-size:1.1rem}.balance-value{font-size:1.25rem;font-weight:700;letter-spacing:.5px}.balance-row.primary .balance-value{font-size:1.4rem}.balance-value.reserved,.holds-badge{color:#ffd700}.holds-badge{display:inline-block;background:rgba(255,215,0,.3);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.75rem}.screenshots-estimate{margin-top:1rem;margin-bottom:0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-size:.9rem;opacity:.85;text-align:center}.pricing-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.pricing-info h3{color:#2c3e50;margin-bottom:1rem}.pricing-details p{margin:.5rem 0;font-size:1rem;line-height:1.6}.pricing-details p strong{color:#1e40af}.pricing-details p+p{margin-top:.75rem}.add-credits{background:white;border:1px solid #dee2e6;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.add-credits h3{color:#2c3e50;margin-bottom:1.5rem}.stripe-security-notice{background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.security-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#1e40af;font-size:1rem}.stripe-security-notice p{margin:0;color:#1e40af;font-size:.9rem;line-height:1.4}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group select{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;background:white}.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.stripe-card-container{position:relative;border:1px solid #d1d5db;border-radius:8px;background:#fafaff;padding:1rem}.stripe-powered-badge{position:absolute;top:-10px;right:12px;background:#635bff;color:white;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;z-index:10}.stripe-powered-badge span{display:flex;align-items:center;gap:4px}.stripe-security-text{margin-top:.5rem;color:#635bff;font-style:italic}.stripe-security-text small{font-size:.8rem}.StripeElement{background:white;padding:.75rem;border:1px solid #ced4da;border-radius:4px;box-shadow:0 1px 3px 0 #e6ebf1;transition:box-shadow .15s ease}.StripeElement--focus{box-shadow:none;border-color:#2563eb}.StripeElement--invalid{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.875rem;margin-top:.5rem;padding:.5rem;background:#fdf2f2;border:1px solid #fecaca;border-radius:4px}button[type=submit]{background:#2563eb;color:white;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-top:1rem}button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.4)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.transaction-history{background:white;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.transaction-history h3{color:#2c3e50;margin-bottom:1rem}.transaction-history table{width:100%;border-collapse:collapse}.transaction-history td,.transaction-history th{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.transaction-history th{background:#f8f9fa;font-weight:600;color:#495057}.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}.add-credits,.credit-balance,.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}.add-credits,.credit-balance,.transaction-history{padding:1rem}.credit-balance h3{font-size:1.25rem}.form-group label{font-size:.9rem}}.auto-recharge-section{background:white;border:1px solid #dee2e6;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.auto-recharge-section h3{color:#2c3e50;margin-bottom:.5rem}.no-payment-method{text-align:center;padding:2rem 1rem;background:#f8f9fa;border-radius:6px;border:2px dashed #dee2e6}.no-payment-method p{font-size:1.1rem;color:#6c757d;margin-bottom:1rem}.payment-setup-form{margin-top:1.5rem;padding:1.5rem;background:white;border-radius:8px;border:1px solid #dee2e6}.payment-method-display{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:600}.toggle-section{margin-bottom:1.5rem}.toggle-label{display:flex;align-items:center;cursor:pointer;user-select:none;padding:1rem;background:#f8f9fa;border-radius:6px;transition:background .2s}.toggle-label:hover{background:#e9ecef}.toggle-label input[type=checkbox]{width:20px;height:20px;margin-right:.75rem;cursor:pointer}.toggle-text{font-weight:600;font-size:1.05rem;color:#2c3e50}.auto-recharge-settings{padding:1.5rem;background:#f8f9fa;border-radius:6px;margin-top:1rem}.auto-recharge-settings .form-group{margin-bottom:1.25rem}.auto-recharge-settings .form-group label{font-weight:600;color:#495057;margin-bottom:.5rem}.auto-recharge-settings input[type=number]{width:200px;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;margin-right:.5rem}.auto-recharge-settings input[type=number]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.input-suffix{color:#6c757d;font-size:.95rem}.auto-recharge-settings button{background:#2563eb;color:white;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.auto-recharge-settings button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.4)}.auto-recharge-settings button:disabled{opacity:.6;cursor:not-allowed}.recharge-history{font-size:.9em;color:#6c757d;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:6px;text-align:center;font-weight:600}button{background:#2563eb;color:white;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.4)}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{display:block;margin-top:.25rem}}.terms-agreement{margin:1.5rem 0 .5rem;padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px}.terms-checkbox-label{display:flex;align-items:center;cursor:pointer;user-select:none}.terms-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:.75rem;cursor:pointer;accent-color:#2563eb}.terms-checkbox-label span{font-size:.95rem;color:#495057}.terms-checkbox-label a{color:#2563eb;text-decoration:none;font-weight:600}.terms-checkbox-label a:hover{text-decoration:underline}.promo-code-section{background:white;border:1px solid #dee2e6;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.promo-code-section h3{color:#2c3e50;margin-bottom:.5rem}.promo-input-group{display:flex;max-width:400px}.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}}@media (prefers-color-scheme:dark){.billing-container,.billing-container h2{color:var(--text-color,#f5f5f5)}.pricing-info{background:var(--card-color,#1a1a1a);border-color:var(--card-border-color,#333)}.pricing-info h3{color:var(--text-color,#f5f5f5)}.pricing-details a,.pricing-details p strong{color:var(--accent-primary,#60a5fa)}.add-credits{background:var(--card-color,#1a1a1a);border-color:var(--card-border-color,#333)}.add-credits h3{color:var(--text-color,#f5f5f5)}.stripe-security-notice{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3)}.security-badge{color:var(--accent-primary,#60a5fa)}.stripe-security-notice p{color:#e2e8f0}.form-group label{color:#d1d5db}.form-group select{color:var(--text-color,#f5f5f5)}.form-group select,.stripe-card-container{background:var(--input-background-color,#2c2c2c);border-color:var(--input-border-color,#444)}.stripe-security-text{color:#818cf8}.StripeElement{background:var(--input-background-color,#2c2c2c);border-color:var(--input-border-color,#444)}.StripeElement--focus{border-color:var(--accent-primary,#60a5fa)}.error-message{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}.transaction-history{background:var(--card-color,#1a1a1a);border-color:var(--card-border-color,#333)}.transaction-history h3{color:var(--text-color,#f5f5f5)}.transaction-history th{background:#2d2d2d;color:#ffffff;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid #444}.transaction-history td,.transaction-history th{border-bottom-color:#333;color:#e5e5e5}.transaction-history tbody tr:nth-child(odd),.transaction-history tbody tr:nth-child(odd) td{background:#161616}.transaction-history tbody tr:nth-child(2n),.transaction-history tbody tr:nth-child(2n) td{background:#1c1c1c}.transaction-history tbody tr:hover,.transaction-history tbody tr:hover td{background:#222222}.auto-recharge-section{background:var(--card-color,#1a1a1a);border-color:var(--card-border-color,#333)}.auto-recharge-section h3{color:var(--text-color,#f5f5f5)}.no-payment-method{background:rgba(255,255,255,.05);border-color:var(--border-color,#333)}.no-payment-method p{color:#9ca3af}.payment-setup-form{background:var(--card-color,#1a1a1a);border-color:var(--card-border-color,#333)}.payment-method-display{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#ffffff}.toggle-label{background:rgba(255,255,255,.05)}.toggle-label:hover{background:rgba(255,255,255,.1)}.toggle-text{color:var(--text-color,#f5f5f5)}.auto-recharge-settings{background:rgba(255,255,255,.05)}.auto-recharge-settings .form-group label{color:#d1d5db}.auto-recharge-settings input[type=number]{background:var(--input-background-color,#2c2c2c);border-color:var(--input-border-color,#444);color:var(--text-color,#f5f5f5)}.input-suffix{color:#9ca3af}.recharge-history{color:#9ca3af;border-top-color:var(--border-color,#333)}.success-message{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#6ee7b7}.terms-agreement{background:rgba(255,255,255,.05);border-color:var(--border-color,#333)}.terms-checkbox-label span{color:#d1d5db}.terms-checkbox-label a{color:var(--accent-primary,#60a5fa)}.promo-code-section{background:var(--card-color,#1a1a1a);border-color:var(--card-border-color,#333)}.promo-code-section h3{color:var(--text-color,#f5f5f5)}}