.cardContainer{position:relative}.new-card-container{display:flex;align-items:center;justify-content:space-between;border:.75rem solid #fff;background-color:#fafafa;border-radius:8px;padding:16px 20px;cursor:pointer;transition:background-color .2s ease}.new-card-container:hover{background-color:#ebebeb}.new-card-content{display:flex;align-items:center;gap:16px}.new-card-icon{display:flex;align-items:center;justify-content:center;color:#333}.new-card-text{font-size:16px;font-weight:400;color:#333}.new-card-arrow{display:flex;align-items:center;justify-content:center;color:#333}.list-payment-container{background-color:#fff;border-radius:12px;padding:24px;max-width:450px}.list-payment-content{margin-bottom:24px}.list-payment-title{font-size:16px;font-weight:400;color:#333;margin:0 0 8px;line-height:1.5}.list-payment-property{font-size:16px;font-weight:400;color:#333;margin:0 0 16px}.list-payment-property strong{font-weight:600}.list-payment-amount{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.currency-symbol{height:20px;width:auto;display:inline-block}.list-payment-question{font-size:16px;font-weight:400;color:#333;margin:0 0 20px}.list-payment-buttons{display:flex;gap:12px}.list-payment-btn{padding:12px 24px;font-size:14px;font-weight:500;border-radius:24px;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.list-payment-btn-confirm{background-color:#1a1a1a;color:#fff}.list-payment-btn-confirm:hover{background-color:#333}.list-payment-btn-cancel{background-color:#fff;color:#333;border:1px solid #ddd}.list-payment-btn-cancel:hover{background-color:#fafafa}.list-card-add-button-container{background-color:#fff;border-radius:12px;padding:24px;max-width:440px}.use-card-question{font-size:16px;font-weight:400;color:#333;margin:0 0 16px}.payment-card-display{position:relative;width:100%;aspect-ratio:1.586;border-radius:8px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.payment-card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.payment-card-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.payment-card-clickable:active{transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,.15)}.payment-card-display img{-o-object-fit:cover;object-fit:cover}.payment-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.payment-card-header{display:flex;justify-content:space-between;align-items:flex-start}.payment-card-title{font-size:14px;font-weight:400;line-height:1.4;max-width:70%;color:#fff}.payment-card-number{font-size:20px;font-weight:500;letter-spacing:2px;color:#fff}.add-card-button{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .2s ease}.add-card-button:hover{background-color:#fafafa;border-color:#d0d0d0}.add-card-content{display:flex;align-items:center;gap:16px}.add-card-icon{color:#333}.add-card-text{font-size:16px;font-weight:400;color:#333}.add-card-arrow{color:#666}.card-carousel-swipeable{position:relative;width:100%;overflow:hidden;margin-top:16px;margin-bottom:16px;touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-carousel-swipeable:active{cursor:grabbing}.card-carousel-track{position:relative;width:100%;aspect-ratio:1.67}.card-carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .35s ease,opacity .35s ease;cursor:pointer;transform-origin:center center}.card-carousel-slide-dragging{transition:none}.card-carousel-slide .payment-card-display{width:100%;height:100%;margin-bottom:0}.card-carousel-indicators{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.card-carousel-dot{width:8px;height:8px;border-radius:50%;background-color:#d0d0d0;border:none;cursor:pointer;padding:0;transition:all .2s ease}.card-carousel-dot:hover{background-color:#999}.card-carousel-dot-active{background-color:#1a1a1a;width:24px;border-radius:4px}.card-delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:hsla(0,0%,100%,.9);border-radius:50%;cursor:pointer;transition:all .2s ease;color:#666;box-shadow:0 2px 8px rgba(0,0,0,.15);flex-shrink:0}.card-delete-button:hover{background-color:#fee2e2;color:#dc2626}.card-delete-button:active{transform:scale(.95)}.error-state,.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#666;font-size:14px}.loading-state svg{color:#666}.error-state{color:#dc2626}.processing-loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.processing-spinner{width:48px;height:48px;position:relative}.processing-spinner-circle{width:100%;height:100%;border:3px solid #f0f0f0;border-top-color:#1a1a1a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.processing-loader-text{font-size:16px;font-weight:600;color:#1a1a1a;text-align:center;margin:0}.processing-loader-subtext{font-size:14px;color:#666;text-align:center;margin:0}.card-error-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.card-error-icon{margin-bottom:16px}.card-error-message{font-size:14px;color:#333;margin:0 0 8px;line-height:1.5}.card-error-subtext{font-size:13px;color:#666;margin:0;line-height:1.5}.card-warning-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.card-warning-icon{margin-bottom:16px}.card-warning-message{font-size:14px;color:#333;margin:0;line-height:1.5}.otp-instruction-text{font-size:14px;color:#666;margin:0 0 16px}.otp-method-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.otp-method-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:#fafafa;border:none;border-radius:12px;cursor:pointer;text-align:left;transition:background-color .2s,box-shadow .2s}.otp-method-btn:hover{background:#f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.otp-method-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1a1a1a;border-radius:10px;color:#fff;flex-shrink:0}.otp-method-info{flex:1;min-width:0}.otp-method-label{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.otp-method-desc{font-size:12px;color:#666;margin:0}.otp-method-arrow{color:#999;flex-shrink:0;transition:transform .2s}.otp-method-btn:hover .otp-method-arrow{transform:translateX(4px)}.otp-selected-method{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fafafa;border-radius:12px;margin-bottom:16px}.otp-selected-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1a1a1a;border-radius:8px;color:#fff;flex-shrink:0}.otp-selected-text{flex:1;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.otp-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#999;transition:background-color .2s,color .2s}.otp-close-btn:hover{background:#e0e0e0;color:#333}.otp-input-field{width:100%;padding:16px;background:#fafafa;border:none;border-radius:12px;font-size:24px;font-weight:600;text-align:center;letter-spacing:.5em;color:#1a1a1a;outline:none;transition:background-color .2s,box-shadow .2s}.otp-input-field:focus{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.otp-input-field::-moz-placeholder{color:#ccc}.otp-input-field::placeholder{color:#ccc}.otp-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fafafa;border-radius:12px;margin-bottom:16px}.otp-status-text{font-size:13px;color:#666}.otp-retry-btn{font-size:13px;font-weight:600;color:#1a1a1a;background:none;border:none;cursor:pointer;padding:0}.otp-retry-btn:hover{color:#666}.otp-retry-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-dialog-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.cancel-dialog-container{margin:0 16px;max-width:400px;width:100%;background:#fff;border-radius:12px;padding:24px;box-shadow:0 20px 40px rgba(0,0,0,.15)}.cancel-dialog-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.cancel-dialog-message{font-size:14px;color:#666;line-height:1.5;margin:0}.empty-cards-container{padding:32px 24px;border:1px solid #f0f0f0;box-shadow:0 4px 20px rgba(0,0,0,.04)}.empty-cards-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px}.empty-cards-icon-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#fafafa;border:1px solid #eaeaea;color:#1a1a1a;border-radius:50%;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.empty-cards-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.3px}.empty-cards-description{font-size:14px;color:#666;margin:0;line-height:1.6}.empty-cards-description p{margin:0}.action-completed-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px}.action-completed-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#f0fdf4;border:2px solid #bbf7d0;border-radius:50%;margin-bottom:20px;box-shadow:0 4px 12px rgba(22,101,52,.15)}.action-completed-icon{color:#166534}.action-completed-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.3px}.action-completed-description{font-size:15px;color:#666;margin:0;line-height:1.6}.iframe-auth-container,.payment-completion-container{border-radius:12px;padding:24px;max-width:450px}.payment-completion-container{background-color:#fff;text-align:center;position:relative;overflow:visible}.payment-confetti-animation{position:absolute;top:-50%;left:-25%;width:150%;height:150%;pointer-events:none;z-index:100}.payment-completion-header{margin-bottom:24px}.payment-completion-icon{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.payment-completion-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.payment-completion-subtitle{font-size:18px;color:#666;line-height:1.5;margin:0}.payment-completion-details{background-color:#fafafa;border-radius:12px;padding:16px;text-align:left}.payment-completion-row{display:flex;align-items:center;gap:16px;padding:12px 0}.payment-completion-row-icon{display:flex;align-items:center;justify-content:center;color:#333;width:24px;height:24px}.payment-completion-row-info{display:flex;flex-direction:column;gap:2px}.payment-completion-row-label{font-size:13px;color:#888}.payment-completion-row-value{font-size:15px;font-weight:500;color:#1a1a1a}.payment-completion-status-success{color:#27ae60}.payment-completion-footer{font-size:16px;color:#888;font-style:italic;margin:20px 0 0;text-align:left}.payment-summary-container{background-color:#fff;border-radius:12px;padding:24px;max-width:450px}.payment-summary-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.payment-summary-details{display:flex;flex-direction:column;gap:12px}.payment-summary-row{display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:#fafafa;border-radius:12px;box-sizing:border-box}.payment-summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1a1a1a;border-radius:10px;color:#fff;flex-shrink:0}.payment-summary-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.payment-summary-label{font-size:12px;color:#666;margin:0}.payment-summary-value{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.payment-summary-disclaimer{font-size:14px;color:#666;margin:24px 0 16px}.payment-summary-buttons{display:flex;flex-direction:row-reverse;gap:12px;margin-top:20px}.payment-summary-btn{padding:12px 24px;font-size:14px;font-weight:500;border-radius:24px;cursor:pointer;transition:all .2s ease;border:none}.payment-summary-btn-confirm{background-color:#1a1a1a;color:#fff}.payment-summary-btn-confirm:hover{background-color:#333}.payment-summary-btn-cancel{background-color:#fff;color:#333;border:1px solid #ddd}.payment-summary-btn-cancel:hover{background-color:#fafafa}.payment-cancelled-container{background-color:#fff;border-radius:12px;padding:24px;max-width:450px;text-align:center;position:relative;overflow:visible}.payment-cancelled-header{margin-bottom:24px}.payment-cancelled-icon{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.payment-cancelled-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.payment-cancelled-subtitle{font-size:18px;color:#666;line-height:1.5;margin:0}.payment-cancelled-details{background-color:#fafafa;border-radius:12px;padding:16px;text-align:left}.payment-cancelled-row{display:flex;align-items:center;gap:16px;padding:12px 0}.payment-cancelled-row-icon{display:flex;align-items:center;justify-content:center;color:#333;width:24px;height:24px}.payment-cancelled-row-info{display:flex;flex-direction:column;gap:2px}.payment-cancelled-row-label{font-size:13px;color:#888}.payment-cancelled-row-value{font-size:15px;font-weight:500;color:#1a1a1a}.payment-cancelled-status-failed{color:#e74c3c}.payment-cancelled-footer{font-size:16px;color:#888;font-style:italic;margin:20px 0 0;text-align:left}.card-form-container{background-color:#fff;border-radius:12px;padding:24px;max-width:450px}.card-form-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.card-form-field{margin-bottom:16px}.card-form-label{display:block;font-size:14px;font-weight:400;color:#333;margin-bottom:8px}.card-form-input{width:100%;padding:14px 16px;font-size:16px;color:#333;background-color:#fafafa;border:none;border-radius:8px;outline:none;box-sizing:border-box;min-width:0}.card-form-input::-moz-placeholder{color:#999}.card-form-input::placeholder{color:#999}.card-form-input:focus{background-color:#efefef}.card-form-row{display:flex;gap:16px}.card-form-field-half{flex:1;min-width:0}@media (max-width:480px){.card-form-row{flex-direction:column;gap:0}.card-form-field-half{margin-bottom:16px}}.card-form-checkbox-container{margin:20px 0}.card-form-checkbox-label{display:flex;align-items:center;cursor:pointer;gap:12px}.card-form-checkbox{display:none}.card-form-checkbox-custom{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.card-form-checkbox:checked+.card-form-checkbox-custom{background-color:#e67e22;border-color:#e67e22}.card-form-checkbox:checked+.card-form-checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.card-form-checkbox-text{font-size:14px;color:#333}.card-form-buttons{display:flex;flex-direction:row-reverse;gap:12px;margin-top:24px}.card-form-btn{padding:12px 28px;font-size:14px;font-weight:500;border-radius:24px;cursor:pointer;transition:all .2s ease;border:none}.card-form-btn-continue{background-color:#1a1a1a;color:#fff}.card-form-btn-continue:hover:not(:disabled){background-color:#333}.card-form-btn-continue:disabled{background-color:#e5e5e5;color:#999;cursor:not-allowed}.card-form-btn-cancel{background-color:#fafafa;color:#333}.card-form-btn-cancel:hover{background-color:#e5e5e5}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-loader-container{display:flex;flex-direction:column;gap:16px}.skeleton-title{height:24px;width:120px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px;margin-bottom:8px}.skeleton-field{display:flex;flex-direction:column;gap:8px}.skeleton-label{height:14px;width:100px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-input,.skeleton-label{animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-input{height:50px;width:100%;background:linear-gradient(90deg,#f5f5f5 25%,#ebebeb 50%,#f5f5f5 75%);background-size:200% 100%;border-radius:8px}.skeleton-row{display:flex;gap:16px}.skeleton-row .skeleton-field{flex:1}.skeleton-checkbox{display:flex;align-items:center;gap:12px;margin:4px 0}.skeleton-checkbox-box{width:20px;height:20px}.skeleton-checkbox-box,.skeleton-checkbox-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}.skeleton-checkbox-text{height:14px;width:180px}.skeleton-buttons{display:flex;flex-direction:row-reverse;gap:12px;margin-top:8px}.skeleton-btn{height:44px;width:100px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:24px}.skeleton-btn,.skeleton-btn-primary{animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-btn-primary{width:110px;background:linear-gradient(90deg,#e8e8e8 25%,#d8d8d8 50%,#e8e8e8 75%);background-size:200% 100%}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes errorSlideOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-20px) scale(.95);filter:blur(10px)}}@keyframes errorPulse{0%,to{box-shadow:0 8px 32px rgba(255,59,48,.15),0 0 0 0 rgba(255,59,48,.2),inset 0 0 0 1px hsla(0,0%,100%,.1)}50%{box-shadow:0 8px 32px rgba(255,59,48,.25),0 0 0 4px rgba(255,59,48,.1),inset 0 0 0 1px hsla(0,0%,100%,.15)}}@keyframes iconShake{0%,to{transform:translateX(0) rotate(0deg)}10%{transform:translateX(-2px) rotate(-5deg)}20%{transform:translateX(2px) rotate(5deg)}30%{transform:translateX(-2px) rotate(-3deg)}40%{transform:translateX(2px) rotate(3deg)}50%{transform:translateX(0) rotate(0deg)}}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.error-toast-container{position:relative;margin-bottom:16px;animation:errorSlideIn .5s cubic-bezier(.23,1,.32,1) forwards}.error-toast-container.error-toast-exit{animation:errorSlideOut .4s cubic-bezier(.23,1,.32,1) forwards}.error-toast{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,.75));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,59,48,.2);box-shadow:0 8px 32px rgba(255,59,48,.12),0 2px 8px rgba(0,0,0,.04),inset 0 0 0 1px hsla(0,0%,100%,.1);animation:errorPulse 3s ease-in-out infinite;overflow:hidden}.error-toast:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,59,48,.08),rgba(255,59,48,.02));border-radius:16px;pointer-events:none}.error-toast-icon{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,rgba(255,59,48,.15),rgba(255,59,48,.1));flex-shrink:0;animation:iconShake .6s cubic-bezier(.36,.07,.19,.97) .3s}.error-toast-icon svg{width:18px;height:18px;color:#ff3b30;filter:drop-shadow(0 1px 2px rgba(255,59,48,.3))}.error-toast-content{position:relative;flex:1;min-width:0}.error-toast-title{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 4px;letter-spacing:-.2px}.error-toast-message{font-size:13px;font-weight:400;color:#666;margin:0;line-height:1.4;word-break:break-word}.error-toast-close{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:rgba(0,0,0,.05);border-radius:50%;cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.23,1,.32,1);margin-top:4px}.error-toast-close:hover{background:rgba(0,0,0,.1);transform:scale(1.1)}.error-toast-close:active{transform:scale(.95)}.error-toast-close svg{width:12px;height:12px;color:#666}.error-toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,59,48,.6),rgba(255,149,0,.6));border-radius:0 0 16px 16px;transform-origin:left;animation:progressShrink 5s linear forwards}