:root{--payment-primary:var(--softsell-primary);--payment-primary-dark:var(--softsell-primary-dark);--payment-primary-light:var(--softsell-primary-light);--payment-success:var(--softsell-success);--payment-success-light:#34d399;--payment-warning:var(--softsell-warning);--payment-danger:var(--softsell-danger);--payment-info:var(--softsell-info);--payment-gradient-primary:var(--softsell-gradient-primary);--payment-gradient-success:var(--softsell-gradient-success);--payment-gradient-card:linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);--payment-gradient-hero:linear-gradient(135deg, #1e293b 0%, #334155 100%);--payment-text-primary:var(--softsell-text-primary);--payment-text-secondary:var(--softsell-text-secondary);--payment-text-muted:var(--softsell-text-muted);--payment-text-light:#a0aec0;--payment-bg-primary:var(--softsell-bg-primary);--payment-bg-secondary:var(--softsell-bg-secondary);--payment-bg-muted:var(--softsell-bg-muted);--payment-bg-dark:var(--softsell-bg-dark);--payment-space-xs:var(--softsell-space-1);--payment-space-sm:var(--softsell-space-2);--payment-space-md:var(--softsell-space-4);--payment-space-lg:var(--softsell-space-6);--payment-space-xl:var(--softsell-space-8);--payment-space-2xl:var(--softsell-space-10);--payment-space-3xl:var(--softsell-space-12);--payment-space-4xl:var(--softsell-space-16);--payment-radius-sm:var(--softsell-radius-sm);--payment-radius-md:var(--softsell-radius-md);--payment-radius-lg:var(--softsell-radius-lg);--payment-radius-xl:var(--softsell-radius-xl);--payment-radius-2xl:var(--softsell-radius-2xl);--payment-radius-3xl:var(--softsell-radius-3xl);--payment-shadow-sm:var(--softsell-shadow-sm);--payment-shadow-md:var(--softsell-shadow-md);--payment-shadow-lg:var(--softsell-shadow-lg);--payment-shadow-xl:var(--softsell-shadow-xl);--payment-shadow-glow:0 0 20px rgba(79, 70, 229, 0.3);--payment-transition-fast:var(--softsell-transition-fast);--payment-transition-base:var(--softsell-transition-base);--payment-transition-smooth:var(--softsell-transition-smooth)}.softsell-payment-page{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--payment-text-primary);background:linear-gradient(180deg,#fafbfc 0,#fff 50%,#f8fafc 100%);min-height:100vh;font-feature-settings:'kern' 1,'liga' 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.softsell-payment-page .container{max-width:1200px;margin:0 auto;padding:0 var(--payment-space-xl)}.payment-success{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--payment-gradient-success);color:#fff;position:relative;overflow:hidden}.payment-success::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.15) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.12) 0,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);animation:successFloat 20s ease-in-out infinite;pointer-events:none}@keyframes successFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}.success-content{text-align:center;margin:0 auto;padding:var(--payment-space-4xl) var(--payment-space-xl);position:relative;z-index:2;animation:successReveal 1s ease-out}@keyframes successReveal{0%{opacity:0;transform:translateY(40px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.success-icon{font-size:80px;margin-bottom:var(--payment-space-xl);color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.2);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.success-content h1{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:800;margin-bottom:var(--payment-space-lg);text-shadow:0 2px 4px rgba(0,0,0,.1)}.order-number{font-size:1.2rem;margin-bottom:var(--payment-space-xl);background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:var(--payment-radius-lg);padding:var(--payment-space-md) var(--payment-space-xl);border:1px solid rgba(255,255,255,.2);display:inline-block}.success-message{font-size:1.1rem;margin-bottom:var(--payment-space-3xl);opacity:.95;line-height:1.7}.payment-info{background:rgba(255,255,255,.1);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.2);border-radius:var(--payment-radius-2xl);padding:var(--payment-space-3xl);margin-bottom:var(--payment-space-xl);text-align:left;box-shadow:var(--payment-shadow-lg);animation:slideInUp .8s ease-out .3s both}.payment-info h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--payment-space-xl);text-align:center;color:#fff}.payment-details{background:rgba(255,255,255,.1);border-radius:var(--payment-radius-lg);padding:var(--payment-space-xl);margin-bottom:var(--payment-space-xl)}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--payment-space-md) 0;border-bottom:1px solid rgba(255,255,255,.1)}.payment-item:last-child{border-bottom:none}.payment-item .label{font-weight:600;opacity:.9}.payment-item .value{font-weight:700}.payment-item .amount{font-size:1.2rem;color:#fbbf24;text-shadow:0 1px 2px rgba(0,0,0,.1)}.qr-code-container{text-align:center;padding:30px;background:#f8f9fa;border-radius:10px;border:2px dashed #dee2e6;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;max-width:350px;margin-left:auto;margin-right:auto}.qr-code-container img,.qr-code-container svg{max-width:100%;height:auto;display:block;margin:0 auto}.qr-placeholder{color:#6c757d}.qr-placeholder i{font-size:80px;margin-bottom:var(--payment-space-lg);color:var(--payment-text-light)}.qr-placeholder p{font-size:1.1rem;font-weight:600;margin-bottom:var(--payment-space-sm)}.qr-placeholder small{font-size:.9rem;opacity:.7}.qr-instructions{color:#000}.payment-status{background:rgba(255,255,255,.1);border-radius:var(--payment-radius-lg);padding:var(--payment-space-xl);margin-bottom:var(--payment-space-lg)}.status-text{font-size:1.1rem;font-weight:600;margin-bottom:var(--payment-space-lg);text-align:center}.status-text.status-success{color:#10b981}.status-text.status-failed{color:#ef4444}.status-text.status-timeout{color:#f59e0b}.status-buttons{display:flex;gap:var(--payment-space-md);justify-content:center;flex-wrap:wrap}.qr-note{font-size:.9rem;opacity:.8;margin-top:var(--payment-space-lg)}.payment-actions{display:flex;gap:var(--payment-space-lg);justify-content:center;flex-wrap:wrap;animation:slideInUp .8s ease-out .6s both}.payment-form-section{padding:var(--payment-space-4xl) 0;background:var(--payment-bg-secondary)}.payment-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--payment-space-4xl);align-items:start}.product-summary{position:sticky;top:var(--payment-space-xl)}.product-summary h2{font-size:1.8rem;font-weight:700;margin-bottom:var(--payment-space-xl);color:var(--payment-text-primary)}.product-card{background:var(--payment-gradient-card);border-radius:var(--payment-radius-2xl);padding:var(--payment-space-3xl);box-shadow:var(--payment-shadow-md);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);transition:all var(--payment-transition-smooth)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--payment-shadow-lg)}.product-image{text-align:center;margin-bottom:var(--payment-space-xl)}.product-image img{max-width:100%;height:200px;object-fit:cover;border-radius:var(--payment-radius-lg);box-shadow:var(--payment-shadow-sm)}.placeholder-image{height:200px;background:linear-gradient(135deg,#f1f5f9 0,#e2e8f0 100%);border-radius:var(--payment-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--payment-text-muted);font-size:48px}.product-details h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--payment-space-sm);color:var(--payment-text-primary)}.product-slogan{color:var(--payment-text-secondary);margin-bottom:var(--payment-space-lg);font-style:italic}.selected-plan{background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.2);border-radius:var(--payment-radius-md);padding:var(--payment-space-md);margin-bottom:var(--payment-space-lg)}.plan-label{font-weight:600;color:var(--payment-text-secondary)}.plan-name{font-weight:700;color:var(--payment-primary)}.plan-features{margin-bottom:var(--payment-space-lg)}.feature-item{display:flex;align-items:center;gap:var(--payment-space-sm);padding:var(--payment-space-xs) 0;font-size:.9rem}.feature-item i{color:var(--payment-success);font-size:.8rem}.price-summary{border-top:2px solid rgba(79,70,229,.1);padding-top:var(--payment-space-lg)}.original-price{text-decoration:line-through;color:var(--payment-text-muted);font-size:.9rem;margin-bottom:var(--payment-space-sm)}.current-price{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700}.current-price .amount{color:var(--payment-primary);font-size:1.5rem}.item-info{display:flex;justify-content:space-between;align-items:center;gap:var(--payment-space-md);margin-top:var(--payment-space-md);padding:var(--payment-space-md);background:rgba(79,70,229,.05);border-radius:var(--payment-radius-md);border-left:3px solid var(--payment-primary)}.item-info span{font-size:.9rem;font-weight:600;color:var(--payment-text-secondary)}.item-info .amount{color:var(--payment-primary);font-size:1.1rem;font-weight:700}.order-total{color:var(--payment-primary);padding:var(--payment-space-xl) var(--payment-space-2xl);border-radius:var(--payment-radius-xl);margin-top:var(--payment-space-xl);text-align:center;box-shadow:var(--payment-shadow-lg);border:2px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.order-total::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%{left:100%}100%{left:100%}}.order-total .label{font-size:1.1rem;font-weight:600;margin-bottom:var(--payment-space-sm);display:block;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.1)}.order-total .amount{font-size:2.2rem;font-weight:800;display:block;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:-.5px}.payment-form-container{background:var(--payment-bg-primary);border-radius:var(--payment-radius-2xl);padding:var(--payment-space-3xl);box-shadow:var(--payment-shadow-md);border:1px solid rgba(255,255,255,.8)}.payment-form-container h2{font-size:1.8rem;font-weight:700;margin-bottom:var(--payment-space-xl);color:var(--payment-text-primary);text-align:center}.form-errors{background:linear-gradient(135deg,#fef2f2 0,#fee2e2 100%);border:1px solid #fecaca;border-radius:var(--payment-radius-lg);padding:var(--payment-space-lg);margin-bottom:var(--payment-space-xl);color:#991b1b}.form-errors i{color:#dc2626;margin-right:var(--payment-space-sm)}.form-errors ul{margin:0;padding-left:var(--payment-space-lg)}.form-section{margin-bottom:var(--payment-space-3xl);padding-bottom:var(--payment-space-xl);border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{font-size:1.3rem;font-weight:700;margin-bottom:var(--payment-space-lg);color:var(--payment-text-primary);position:relative}.form-section h3::after{content:'';position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:var(--payment-gradient-primary);border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--payment-space-lg);margin-bottom:var(--payment-space-lg)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:var(--payment-space-sm);color:var(--payment-text-primary);font-size:.9rem}.required{color:var(--payment-danger)}.form-group input{padding:var(--payment-space-md) var(--payment-space-lg);border:2px solid #e5e7eb;border-radius:var(--payment-radius-lg);font-size:1rem;transition:all var(--payment-transition-smooth);background:#fff;font-family:inherit}.form-group input:focus{outline:0;border-color:var(--payment-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1);transform:translateY(-1px)}.form-note{font-size:.8rem;color:var(--payment-text-muted);margin-top:var(--payment-space-xs)}.payment-methods{display:grid;gap:var(--payment-space-lg)}.payment-method{position:relative;cursor:pointer;display:block}.payment-method input[type=radio]{position:absolute;opacity:0;cursor:pointer}.method-content{display:flex;align-items:center;gap:var(--payment-space-lg);padding:var(--payment-space-xl);border:2px solid #e5e7eb;border-radius:var(--payment-radius-lg);background:#fff;transition:all var(--payment-transition-smooth);position:relative;overflow:hidden}.method-content::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,70,229,.05),transparent);transition:left .5s}.payment-method:hover .method-content{border-color:var(--payment-primary-light);transform:translateY(-2px);box-shadow:var(--payment-shadow-md)}.payment-method:hover .method-content::before{left:100%}.payment-method input[type=radio]:checked+.method-content,.payment-method.selected .method-content{border-color:var(--payment-primary);background:linear-gradient(135deg,rgba(79,70,229,.05) 0,rgba(79,70,229,.02) 100%);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.method-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--payment-radius-lg);background:linear-gradient(135deg,#f1f5f9 0,#e2e8f0 100%);font-size:24px;color:var(--payment-primary);transition:all var(--payment-transition-smooth)}.payment-method input[type=radio]:checked+.method-content .method-icon,.payment-method.selected .method-icon{background:var(--payment-gradient-primary);color:#fff;transform:scale(1.05)}.method-info strong{display:block;font-size:1.1rem;color:var(--payment-text-primary);margin-bottom:var(--payment-space-xs)}.method-info small{color:var(--payment-text-secondary);font-size:.9rem}.agreement{background:rgba(79,70,229,.05);border:1px solid rgba(79,70,229,.1);border-radius:var(--payment-radius-lg);padding:var(--payment-space-lg)}.agreement-item{display:flex;align-items:flex-start;gap:var(--payment-space-md);cursor:pointer;font-size:.9rem;line-height:1.6}.agreement-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{position:relative;width:20px;height:20px;border:2px solid #d1d5db;border-radius:var(--payment-radius-sm);background:#fff;transition:all var(--payment-transition-smooth);flex-shrink:0;margin-top:2px}.checkmark::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);opacity:0;transition:opacity var(--payment-transition-base)}.agreement-item input[type=checkbox]:checked+.checkmark{background:var(--payment-primary);border-color:var(--payment-primary)}.agreement-item input[type=checkbox]:checked+.checkmark::after{opacity:1}.agreement-item a{color:var(--payment-primary);text-decoration:none;font-weight:600}.agreement-item a:hover{text-decoration:underline}.form-actions{display:flex;gap:var(--payment-space-lg);justify-content:center;flex-wrap:wrap;margin-top:var(--payment-space-3xl)}.softsell-payment-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--payment-space-sm);padding:var(--payment-space-md) var(--payment-space-xl);border:2px solid transparent;border-radius:var(--payment-radius-lg);font-family:inherit;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;text-align:center;cursor:pointer;transition:all var(--payment-transition-smooth);box-shadow:var(--payment-shadow-sm);min-height:48px;position:relative;overflow:hidden;user-select:none}.softsell-payment-page .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.softsell-payment-page .btn:hover::before{left:100%}.softsell-payment-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.softsell-payment-page .btn-primary{background:var(--payment-gradient-primary);color:#fff;border-color:transparent}.softsell-payment-page .btn-primary:hover{background:linear-gradient(135deg,var(--payment-primary-dark) 0,#6d28d9 100%);transform:translateY(-2px);box-shadow:var(--payment-shadow-lg)}.softsell-payment-page .btn-secondary{background:rgba(79,70,229,.1);color:var(--payment-primary);border-color:var(--payment-primary)}.softsell-payment-page .btn-secondary:hover{background:var(--payment-primary);color:#fff;transform:translateY(-2px)}.softsell-payment-page .btn-outline{background:0 0;color:var(--payment-text-primary);border-color:#d1d5db}.softsell-payment-page .btn-outline:hover{background:var(--payment-bg-muted);border-color:var(--payment-primary);color:var(--payment-primary);transform:translateY(-2px)}.softsell-payment-page .btn-large{padding:var(--payment-space-lg) var(--payment-space-3xl);font-size:1.1rem;min-width:250px;font-weight:700;min-height:56px}.payment-security{padding:var(--payment-space-4xl) 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 50%,#f1f5f9 100%);position:relative}.payment-security::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(79,70,229,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.03) 0,transparent 50%);pointer-events:none}.payment-security h2{text-align:center;font-size:2.2rem;font-weight:800;margin-bottom:var(--payment-space-3xl);color:var(--payment-text-primary);position:relative}.payment-security h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--payment-gradient-primary);border-radius:2px}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--payment-space-2xl);position:relative;z-index:1}.security-item{background:var(--payment-gradient-card);padding:var(--payment-space-3xl) var(--payment-space-xl);border-radius:var(--payment-radius-2xl);text-align:center;box-shadow:var(--payment-shadow-sm);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);transition:all var(--payment-transition-smooth);position:relative;overflow:hidden}.security-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--payment-gradient-primary);transform:scaleY(0);transition:transform var(--payment-transition-smooth)}.security-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--payment-shadow-lg);border-color:rgba(79,70,229,.1)}.security-item:hover::before{transform:scaleY(1)}.security-icon{width:80px;height:80px;margin:0 auto var(--payment-space-xl);background:var(--payment-gradient-primary);border-radius:var(--payment-radius-2xl);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;position:relative;transition:all var(--payment-transition-smooth)}.security-icon::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:var(--payment-gradient-primary);border-radius:calc(var(--payment-radius-2xl) + 3px);z-index:-1;opacity:.2;transition:all var(--payment-transition-smooth)}.security-item:hover .security-icon{transform:scale(1.1)}.security-item:hover .security-icon::before{opacity:.4;transform:scale(1.2)}.security-item h3{font-size:1.3rem;font-weight:700;margin-bottom:var(--payment-space-md);color:var(--payment-text-primary)}.security-item p{color:var(--payment-text-secondary);line-height:1.6;font-size:.95rem}@media (max-width:1024px){.softsell-payment-page .container{padding:0 var(--payment-space-lg)}.payment-layout{grid-template-columns:1fr;gap:var(--payment-space-3xl)}.product-summary{position:static;order:2}.payment-form-container{order:1}.form-row{grid-template-columns:1fr;gap:var(--payment-space-md)}.security-features{grid-template-columns:repeat(2,1fr);gap:var(--payment-space-xl)}}@media (max-width:768px){.softsell-payment-page .container{padding:0 var(--payment-space-md)}.success-content{padding:var(--payment-space-3xl) var(--payment-space-lg)}.order-total .amount{font-size:1.8rem}.item-info{flex-direction:column;align-items:flex-start;gap:var(--payment-space-sm)}.success-icon{font-size:60px}.payment-info{padding:var(--payment-space-xl)}.payment-details{padding:var(--payment-space-lg)}.payment-item{flex-direction:column;align-items:flex-start;gap:var(--payment-space-xs)}.qr-code-container{max-width:280px;padding:var(--payment-space-xl)}.status-buttons{flex-direction:column}.payment-actions{flex-direction:column;align-items:center}.form-actions{flex-direction:column;align-items:center}.softsell-payment-page .btn-large{width:100%;max-width:300px}.security-features{grid-template-columns:1fr;gap:var(--payment-space-lg)}.security-item{padding:var(--payment-space-xl) var(--payment-space-lg)}.payment-methods{gap:var(--payment-space-md)}.method-content{padding:var(--payment-space-lg)}.method-icon{width:50px;height:50px;font-size:20px}}@media (max-width:480px){.softsell-payment-page .container{padding:0 var(--payment-space-sm)}.success-content h1{font-size:2rem}.order-number{font-size:1rem;padding:var(--payment-space-sm) var(--payment-space-lg)}.payment-form-container,.payment-info,.product-card{padding:var(--payment-space-xl);border-radius:var(--payment-radius-xl)}.qr-code-container{max-width:250px;padding:var(--payment-space-lg);display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-code-container img,.qr-code-container svg{max-width:100%;height:auto;display:block;margin:0 auto}.qr-placeholder i{font-size:60px}.payment-security h2{font-size:1.8rem}.security-icon{width:60px;height:60px;font-size:24px}.softsell-payment-page .btn{padding:var(--payment-space-md) var(--payment-space-lg);font-size:.9rem}.softsell-payment-page .btn-large{padding:var(--payment-space-lg) var(--payment-space-xl);font-size:1rem;min-height:48px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.animate-in{animation:slideInUp .6s ease-out}.animate-scale{animation:fadeInScale .5s ease-out}.form-group input:invalid:not(:placeholder-shown){border-color:var(--payment-danger);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-group input:valid:not(:placeholder-shown){border-color:var(--payment-success);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.softsell-payment-page .btn:disabled .fas.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media print{.btn,.payment-actions,.status-buttons{display:none!important}.payment-success{background:#fff!important;color:#000!important}.success-content{max-width:none;padding:0}.payment-info{background:#fff!important;border:1px solid #ccc!important}}.payment-layout-two-column{display:flex;gap:40px;margin-top:20px}.payment-qrcode-section{flex:1;min-width:300px}.order-details-section{flex:1;min-width:300px}.order-details-section h4,.payment-qrcode-section h4{margin-bottom:20px;color:#333;font-size:18px;font-weight:600}.qr-placeholder{color:#6c757d}.qr-placeholder i{font-size:48px;margin-bottom:15px;display:block}.qr-placeholder p{font-size:16px;margin-bottom:5px}.qr-placeholder small{font-size:14px;opacity:.7}.order-details{background:#f8f9fa;padding:20px;border-radius:10px;margin-bottom:20px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.order-item:last-child{border-bottom:none}.order-item .label{font-weight:500;color:#495057;min-width:100px}.order-item .value{color:#212529;text-align:right;word-break:break-all}.order-item .value.amount{font-size:18px;font-weight:600;color:#dc3545}.payment-status{text-align:center;margin-bottom:20px}.status-text{font-size:16px;margin-bottom:15px;font-weight:500}.status-text.status-success{color:#28a745}.status-text.status-failed{color:#dc3545}.status-text.status-timeout{color:#ffc107}.status-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.status-buttons .btn{padding:8px 16px;font-size:14px}.qr-note{font-size:14px;color:#6c757d;text-align:center;margin-top:15px}.payment-actions{display:flex;gap:15px;flex-wrap:wrap}.payment-actions .btn{flex:1;min-width:120px;text-align:center}@media (max-width:768px){.payment-layout-two-column{flex-direction:column;gap:30px}.order-details-section,.payment-qrcode-section{min-width:auto}.order-item{flex-direction:column;align-items:flex-start;gap:5px}.order-item .value{text-align:left}.payment-actions{flex-direction:column}.status-buttons{flex-direction:column}}