.ttc-pay-container[data-v-8f15af3b]{--brand-primary:#7c3aed;--brand-secondary:#ec4899;--brand-gradient:linear-gradient(135deg,#7c3aed,#ec4899);--surface-bg:#fff;--surface-secondary:#f8fafc;--border-color:#e2e8f0;--text-main:#1e293b;--text-sub:#64748b;--success:#10b981;--error:#ef4444;background:var(--surface-bg);border-radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.ttc-pay-header[data-v-8f15af3b]{align-items:flex-start;background:linear-gradient(180deg,#fff,#fdfbfd);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.header-content .title[data-v-8f15af3b]{color:var(--text-main);font-size:1.25rem;font-weight:800;line-height:1.2;margin:0}.header-content .subtitle[data-v-8f15af3b]{color:var(--text-sub);font-size:.875rem;margin:4px 0 0}.amount-badge[data-v-8f15af3b]{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px 12px;text-align:right}.amount-badge .currency[data-v-8f15af3b]{color:var(--text-sub);display:block;font-size:.7rem;font-weight:700;text-transform:uppercase}.amount-badge .value[data-v-8f15af3b]{color:var(--brand-primary);display:block;font-size:1.1rem;font-weight:900;line-height:1}.pay-layout[data-v-8f15af3b]{display:flex;min-height:350px}.pay-sidebar[data-v-8f15af3b]{background:var(--surface-secondary);border-right:1px solid var(--border-color);padding:20px;width:30%}.sidebar-label[data-v-8f15af3b]{color:var(--text-sub);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.method-list[data-v-8f15af3b]{display:flex;flex-direction:column;gap:8px}.method-item[data-v-8f15af3b]{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.method-item[data-v-8f15af3b]:hover{background:#fff9}.method-item.active[data-v-8f15af3b]{background:#fff;border-color:var(--border-color);box-shadow:0 4px 12px #0000000d}.method-item.active .method-name[data-v-8f15af3b]{color:var(--brand-primary);font-weight:700}.method-item.active .method-icon svg[data-v-8f15af3b]{color:var(--brand-primary)}.method-icon svg[data-v-8f15af3b]{color:var(--text-sub);height:20px;transition:color .2s;width:20px}.method-name[data-v-8f15af3b]{color:var(--text-main);flex:1;font-size:.9rem;font-weight:500}.active-indicator[data-v-8f15af3b]{background:var(--brand-secondary);border-radius:50%;box-shadow:0 0 8px var(--brand-secondary);height:6px;width:6px}.pay-content[data-v-8f15af3b]{flex:1;padding:24px}.input-wrapper[data-v-8f15af3b]{margin-bottom:16px}.input-wrapper label[data-v-8f15af3b]{color:var(--text-main);display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.ttc-input[data-v-8f15af3b]{background:#fff;border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.ttc-input[data-v-8f15af3b]:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #7c3aed1a;outline:none}.ttc-input[data-v-8f15af3b]::-moz-placeholder{color:#cbd5e1}.ttc-input[data-v-8f15af3b]::placeholder{color:#cbd5e1}.input-with-icon[data-v-8f15af3b]{align-items:center;display:flex;position:relative}.card-brand img[data-v-8f15af3b]{height:20px;-o-object-fit:contain;object-fit:contain;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.icon-right[data-v-8f15af3b]{color:var(--text-sub);font-weight:700;position:absolute;right:16px}.row-2[data-v-8f15af3b]{display:grid;gap:16px;grid-template-columns:1fr 1fr}.center-text[data-v-8f15af3b]{letter-spacing:1px;text-align:center}.field-error[data-v-8f15af3b]{color:var(--error);font-size:.75rem;margin-top:4px}.helper-text[data-v-8f15af3b]{color:var(--text-sub);font-size:.75rem;margin-top:6px}.bank-grid[data-v-8f15af3b]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:20px}.bank-tile[data-v-8f15af3b]{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s}.bank-tile.selected[data-v-8f15af3b],.bank-tile[data-v-8f15af3b]:hover{background:#fdfbfd;border-color:var(--brand-primary)}.bank-tile.selected[data-v-8f15af3b]{box-shadow:0 0 0 2px #7c3aed1a}.bank-tile img[data-v-8f15af3b]{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.bank-tile span[data-v-8f15af3b]{color:var(--text-main);font-size:.75rem;font-weight:600;text-align:center}.radio-group[data-v-8f15af3b]{display:flex;flex-direction:column;gap:10px}.radio-card[data-v-8f15af3b]{align-items:center;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s}.radio-card.checked[data-v-8f15af3b]{background:#fdfbfd;border-color:var(--brand-primary)}.ttc-pay-footer[data-v-8f15af3b]{background:#fff;border-top:1px solid var(--border-color);padding:24px}.cta-button[data-v-8f15af3b]{align-items:center;background:var(--brand-gradient);border:none;border-radius:12px;box-shadow:0 8px 20px #7c3aed40;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;padding:16px;transition:transform .2s,box-shadow .2s;width:100%}.cta-button[data-v-8f15af3b]:hover:not(:disabled){box-shadow:0 12px 25px #7c3aed59;transform:translateY(-2px)}.cta-button[data-v-8f15af3b]:disabled{background:var(--border-color);box-shadow:none;cursor:not-allowed}.arrow-icon[data-v-8f15af3b]{height:20px;width:20px}.security-badges[data-v-8f15af3b]{color:var(--text-sub);display:flex;font-size:.75rem;gap:20px;justify-content:center;margin-top:16px}.security-badges span[data-v-8f15af3b]{align-items:center;display:flex;gap:6px}.security-badges svg[data-v-8f15af3b]{color:var(--success);height:14px;width:14px}.message[data-v-8f15af3b]{font-size:.9rem;font-weight:500;margin-bottom:12px;text-align:center}.message.error[data-v-8f15af3b]{color:var(--error)}.message.success[data-v-8f15af3b]{color:var(--success)}.state-message[data-v-8f15af3b]{color:var(--text-sub);padding:40px;text-align:center}.spinner[data-v-8f15af3b]{animation:spin-8f15af3b 1s linear infinite;border:3px solid rgba(124,58,237,.2);border-radius:50%;border-top:3px solid var(--brand-primary);display:inline-block;height:24px;margin-bottom:12px;width:24px}.spinner-sm[data-v-8f15af3b]{border-color:#fff hsla(0,0%,100%,.3) hsla(0,0%,100%,.3);border-width:2px;display:inline-block;height:16px;margin-right:8px;width:16px}.input-group-fade[data-v-8f15af3b]{animation:fadeIn-8f15af3b .3s ease-out}.info-box[data-v-8f15af3b]{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:.85rem;margin-top:16px;padding:12px}.info-box ol[data-v-8f15af3b]{margin:4px 0 0 20px}@keyframes spin-8f15af3b{to{transform:rotate(1turn)}}@keyframes fadeIn-8f15af3b{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.pay-layout[data-v-8f15af3b]{flex-direction:column}.pay-sidebar[data-v-8f15af3b]{border-bottom:1px solid var(--border-color);border-right:none;overflow-x:auto;padding:12px;width:100%}.method-list[data-v-8f15af3b]{flex-direction:row;gap:8px}.method-item[data-v-8f15af3b]{align-items:center;flex-direction:column;gap:4px;min-width:80px;padding:8px;text-align:center}.method-name[data-v-8f15af3b]{font-size:.75rem}.active-indicator[data-v-8f15af3b]{bottom:-6px;top:auto}}