.payment-provider-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:var(--bg-primary);border-radius:16px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .5);z-index:1001;width:90%;max-width:420px;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.payment-provider-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.payment-provider-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.payment-provider-modal .modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin:0}.payment-provider-modal .modal-header h3 i{color:var(--accent-primary)}.payment-provider-modal .modal-close-btn{background:#fff0;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.25rem;padding:4px;transition:color 0.2s ease}.payment-provider-modal .modal-close-btn:hover{color:var(--text-primary)}.payment-provider-modal .modal-body{padding:24px;background:var(--bg-primary)}.payment-provider-options{display:flex;flex-direction:column;gap:12px}.payment-provider-option{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all 0.2s ease;background:var(--bg-secondary)}.payment-provider-option:hover{border-color:var(--accent-primary);background:var(--bg-primary)}.payment-provider-option.selected{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.payment-provider-option .provider-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.payment-provider-option .provider-icon.yookassa{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.payment-provider-option .provider-icon.pally{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.payment-provider-option .provider-info{flex:1;min-width:0}.payment-provider-option .provider-name{font-weight:600;color:var(--text-primary);font-size:1rem;margin-bottom:2px}.payment-provider-option .provider-description{font-size:.8125rem;color:var(--text-secondary)}.payment-provider-option .provider-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.payment-provider-option.selected .provider-check{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.payment-provider-option .provider-check i{font-size:.75rem;opacity:0;transition:opacity 0.2s ease}.payment-provider-option.selected .provider-check i{opacity:1}.payment-provider-confirm{margin-top:20px}.payment-provider-confirm .btn{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.2s ease}.payment-provider-confirm .btn-primary{background:var(--accent-primary);color:#fff;border:none;cursor:pointer}.payment-provider-confirm .btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px)}.payment-provider-confirm .btn-primary:disabled{opacity:.6;cursor:not-allowed}#payment-provider-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .6);z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;backdrop-filter:blur(4px)}#payment-provider-modal-overlay.active{opacity:1;visibility:visible}