.payment-methods{width:100%}.payment-methods__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.payment-methods__title{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:600}.payment-methods__add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .2s}.payment-methods__add-btn:hover{background:#1d4ed8}.payment-methods__loading,.payment-methods__empty{text-align:center;padding:3rem 1.5rem}.payment-methods__spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:3rem;height:3rem;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payment-methods__empty-icon{margin-bottom:1rem;font-size:4rem}.payment-methods__empty-text{color:#1a1a1a;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.payment-methods__empty-subtext{color:#6b7280;margin:0}.payment-methods__error,.payment-methods__success{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.payment-methods__error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.payment-methods__success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.payment-methods__add-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.payment-methods__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.payment-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a}.payment-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.payment-card--default{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.payment-card__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.payment-card__brand{align-items:center;gap:.5rem;display:flex}.payment-card__icon{font-size:1.5rem}.payment-card__brand-name{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.payment-card__badge{background:#fff3;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.payment-card__number{letter-spacing:.1em;margin-bottom:1rem;font-size:1.25rem;font-weight:500}.payment-card__expiry{opacity:.9;margin-bottom:.5rem;font-size:.875rem}.payment-card__name{opacity:.8;margin-bottom:1.5rem;font-size:.875rem}.payment-card__actions{border-top:1px solid #fff3;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.payment-card__btn{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.payment-card__btn:disabled{opacity:.5;cursor:not-allowed}.payment-card__btn--secondary{color:#fff;background:#fff3}.payment-card__btn--secondary:hover:not(:disabled){background:#ffffff4d}.payment-card__btn--danger{color:#fff;background:#ef4444cc}.payment-card__btn--danger:hover:not(:disabled){background:#dc2626e6}.add-card-form{max-width:500px}.add-card-form__field{margin-bottom:1.5rem}.add-card-form__field label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.add-card-form__field input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.add-card-form__field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.add-card-form__field input:disabled{cursor:not-allowed;background:#f3f4f6}.add-card-form__card-element{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.add-card-form__card-element:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.add-card-form__error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.add-card-form__actions{justify-content:flex-end;gap:1rem;display:flex}.add-card-form__btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.add-card-form__btn:disabled{opacity:.5;cursor:not-allowed}.add-card-form__btn--secondary{color:#374151;background:#f3f4f6}.add-card-form__btn--secondary:hover:not(:disabled){background:#e5e7eb}.add-card-form__btn--primary{color:#fff;background:#2563eb}.add-card-form__btn--primary:hover:not(:disabled){background:#1d4ed8}.profile-tabs{border-bottom:2px solid #e5e7eb;gap:.5rem;margin:2rem 0;display:flex}.profile-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.profile-tab:hover{color:#1a1a1a}.profile-tab--active{color:#2563eb;border-bottom-color:#2563eb}.profile-tab__icon{font-size:1.125rem}@media (max-width:768px){.payment-methods__grid{grid-template-columns:1fr}.payment-methods__header{flex-direction:column;align-items:flex-start;gap:1rem}.add-card-form__actions{flex-direction:column}.add-card-form__btn{width:100%}.profile-tabs{overscroll-behavior-y:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;overflow:auto hidden}.profile-tab{white-space:nowrap}}