.payment-error-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.payment-error-modal-overlay.show{opacity:1}.payment-error-modal{background:linear-gradient(145deg,#fff,#fafafa);border-radius:24px;max-width:440px;width:100%;padding:36px 32px;box-shadow:0 24px 48px #00000026,0 12px 24px #0000001a,0 0 1px #0003;text-align:center;position:relative;transform:scale(.95) translateY(24px);transition:transform .25s cubic-bezier(.4,0,.2,1)}.payment-error-modal-overlay.show .payment-error-modal{transform:scale(1) translateY(0)}.error-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#0006;transition:all .2s ease}.error-close-btn:hover{background:#0000000d;color:#000000b3}.error-close-btn:active{transform:scale(.95)}.error-icon{margin:0 auto 24px;display:flex;justify-content:center;animation:errorPulse .5s ease-out}.error-icon-circle{width:72px;height:72px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626;box-shadow:0 4px 16px #ef444433}@keyframes errorPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.error-title{font-size:1.375rem;font-weight:700;color:#1f2937;margin:0 0 12px;letter-spacing:-.02em;line-height:1.3}.error-message{font-size:.9375rem;color:#6b7280;margin:0 0 24px;line-height:1.6;white-space:pre-line}.error-details{background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:12px;padding:14px 16px;margin-bottom:24px;text-align:left}.error-details summary{font-size:.875rem;font-weight:600;color:#dc2626;cursor:pointer;user-select:none;list-style:none}.error-details summary::-webkit-details-marker{display:none}.error-details[open] summary{margin-bottom:12px}.error-details pre{margin:0;font-size:.8125rem;color:#6b7280;white-space:pre-wrap;word-break:break-word;font-family:SF Mono,Monaco,Courier New,monospace;line-height:1.5}.error-support{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.12);border-radius:12px;padding:12px 16px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.error-support span{font-size:.875rem;color:#667eea;font-weight:500}.error-support svg{flex-shrink:0}.error-actions{display:flex;gap:10px}.error-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em}.error-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea40}.error-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea59}.error-btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.error-btn-primary svg{width:16px;height:16px}.error-btn-secondary{background:#fff;border:1.5px solid #e5e7eb;color:#6b7280}.error-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.error-btn-secondary:active{background:#f3f4f6}@media (max-width: 480px){.payment-error-modal-overlay{padding:16px}.payment-error-modal{padding:32px 24px;border-radius:20px;max-width:100%}.error-close-btn{top:12px;right:12px;width:28px;height:28px}.error-close-btn svg{width:18px;height:18px}.error-icon-circle{width:64px;height:64px}.error-icon-circle svg{width:40px;height:40px}.error-title{font-size:1.25rem}.error-message{font-size:.875rem}.error-support{padding:10px 14px}.error-support span{font-size:.8125rem}.error-actions{flex-direction:column;gap:8px}.error-btn{width:100%;padding:13px 18px;font-size:.875rem}}@media (prefers-color-scheme: dark){.payment-error-modal{background:linear-gradient(145deg,#1f2937,#111827);box-shadow:0 24px 48px #00000080,0 0 1px #ffffff1a}.error-close-btn{color:#ffffff80}.error-close-btn:hover{background:#ffffff0d;color:#fffc}.error-icon-circle{background:linear-gradient(135deg,#ef444426,#dc262626);color:#f87171}.error-title{color:#f9fafb}.error-message{color:#d1d5db}.error-details{background:#ef444414;border-color:#ef444433}.error-details summary{color:#f87171}.error-details pre{color:#d1d5db}.error-support{background:#667eea14;border-color:#667eea33}.error-support span{color:#818cf8}.error-btn-secondary{background:#ffffff0d;border-color:#ffffff1a;color:#d1d5db}.error-btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;color:#f3f4f6}.error-btn-secondary:active{background:#ffffff1a}}
