@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.payment-modal-popup{max-width:600px!important;width:95%!important;max-height:90vh!important;overflow-y:auto!important}.payment-modal-content{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.payment-modal-header{border-bottom:1px solid var(--border-color)}.payment-modal-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-alt));color:var(--bg-primary)}.payment-modal-icon--warning{background:linear-gradient(135deg,var(--warning-color),#e6a000)}.payment-modal-icon--danger{background:linear-gradient(135deg,var(--danger-color),#c33)}.payment-modal-title{color:var(--text-primary)}.payment-resources-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.payment-resources-title{display:flex;align-items:center;gap:.75rem;font-family:"Hellix SemiBold",sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.payment-resources-title i{color:var(--primary-color)}.payment-resources-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.payment-resource-item{background:var(--bg-secondary);border-radius:var(--radius-sm);flex-wrap:wrap}.payment-info-item i,.payment-resource-item i{color:var(--primary-color);width:16px;text-align:center;flex-shrink:0}.payment-resource-change{margin-left:auto;font-family:"Hellix Medium",sans-serif;font-weight:500;flex-shrink:0}.payment-resource-change--positive{color:var(--success-color)}.payment-resource-change--negative{color:var(--danger-color)}.payment-resource-change--neutral{color:var(--text-muted)}.payment-info-section{display:flex;flex-direction:column;gap:.75rem}.payment-info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:"Hellix-Regular",sans-serif;font-size:.9rem;color:var(--text-secondary);flex-wrap:wrap}.payment-info-item--highlight{border-color:var(--primary-color);background:rgba(255,181,46,.05)}.payment-info-value{margin-left:auto;font-family:"Hellix SemiBold",sans-serif;font-weight:600;color:var(--text-primary);flex-shrink:0}.payment-options-section{display:flex;flex-direction:column;gap:1rem}.payment-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.payment-btn::before,.payment-option::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .5s ease}.payment-option::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.payment-btn:hover::before,.payment-option:hover::before{left:100%}.payment-option:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover)}.payment-option--selected{border-color:var(--primary-color);background:rgba(255,181,46,.05)}.payment-option--selected.payment-option--pay{border-color:var(--success-color);background:rgba(75,181,67,.05)}.payment-option--selected.payment-option--free{border-color:var(--warning-color);background:rgba(255,193,75,.05)}.payment-option--selected.payment-option--delete{border-color:var(--danger-color);background:rgba(255,67,67,.05)}.payment-option-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--primary-color);flex-shrink:0;border:1px solid var(--border-color)}.payment-option--selected .payment-option-icon{background:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color)}.payment-option--selected.payment-option--pay .payment-option-icon{background:var(--success-color);border-color:var(--success-color)}.payment-option--selected.payment-option--free .payment-option-icon{background:var(--warning-color);border-color:var(--warning-color)}.payment-option--selected.payment-option--delete .payment-option-icon{background:var(--danger-color);border-color:var(--danger-color)}.payment-option-content{flex:1;min-width:0}.payment-option-title{font-family:"Hellix SemiBold",sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;word-break:break-word}.payment-info,.payment-option-description,.payment-warning{font-family:"Hellix-Regular",sans-serif;font-size:.9rem;color:var(--text-muted);line-height:1.4}.payment-option-description{margin:0;word-break:break-word}.payment-info,.payment-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-sm)}.payment-warning{background:rgba(255,193,75,.05);border:1px solid var(--warning-color)}.payment-info i,.payment-warning i{color:var(--warning-color);margin-top:.125rem;flex-shrink:0}.payment-info{background:rgba(137,221,255,.05);border:1px solid var(--info-color)}.payment-info i{color:var(--info-color)}.payment-actions{border-top:1px solid var(--border-color)}.payment-btn{border-radius:var(--radius-md);transition:all var(--transition-normal)}.payment-btn::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.payment-btn--primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-alt));color:var(--bg-primary)}.payment-btn--secondary{background:var(--bg-tertiary);border:1px solid var(--border-color)}.payment-btn--secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);color:var(--text-primary)}.payment-btn--danger{background:linear-gradient(135deg,var(--danger-color),#c33);color:var(--text-primary);box-shadow:var(--shadow-md)}.payment-btn--danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.payment-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width:768px){.payment-modal-popup{width:98%!important;margin:.5rem!important;max-height:95vh!important}.payment-modal-content{gap:1.25rem;padding:.25rem}.payment-modal-header{flex-direction:column;text-align:center;gap:.75rem;padding-bottom:.75rem}.payment-modal-icon{width:40px;height:40px;font-size:1.2rem}.payment-modal-title{font-size:1.25rem}.payment-modal-subtitle{font-size:.9rem}.payment-info-section,.payment-resources-section{padding:1rem}.payment-resources-title{font-size:1rem;flex-direction:column;gap:.5rem;text-align:center}.payment-info-item,.payment-resource-item{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.payment-info-item i,.payment-resource-item i{align-self:center}.payment-info-value,.payment-resource-change{margin-left:0;align-self:center}.payment-option{padding:.75rem;gap:.75rem;flex-direction:column;text-align:center}.payment-option-icon{width:36px;height:36px;font-size:1.1rem;align-self:center}.payment-option-content{order:2}.payment-option-title{font-size:.95rem}.payment-option-description{font-size:.85rem}.payment-actions{flex-direction:column;gap:.75rem}.payment-btn{width:100%;padding:.75rem 1rem;font-size:.9rem}.payment-info,.payment-warning{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.payment-info i,.payment-warning i{align-self:center;margin-top:0}}@media (max-width:480px){.payment-modal-popup{width:100%!important;margin:0!important;max-height:100vh!important;border-radius:0!important}.payment-modal-content{padding:.5rem;gap:1rem}.payment-info-section,.payment-resources-section{padding:.75rem}.payment-modal-title{font-size:1.1rem}.payment-modal-subtitle{font-size:.85rem}.payment-modal-icon{width:36px;height:36px;font-size:1rem}.payment-resources-title{font-size:.95rem}.payment-info-item,.payment-resource-item{padding:.5rem;font-size:.85rem}.payment-option{padding:.5rem;border-radius:var(--radius-sm)}.payment-option-icon{width:32px;height:32px;font-size:1rem}.payment-option-title{font-size:.9rem}.payment-option-description{font-size:.8rem}.payment-btn{padding:.6rem .75rem;font-size:.85rem;min-height:40px}.payment-info,.payment-warning{padding:.5rem;font-size:.85rem}}@media (max-width:360px){.payment-modal-content{padding:.25rem}.payment-info-section,.payment-resources-section{padding:.5rem}.payment-modal-title{font-size:1rem}.payment-btn{padding:.5rem;font-size:.8rem}.payment-option-title{font-size:.85rem}.payment-option-description{font-size:.75rem}}.payment-confirmation-modal{max-width:650px!important;width:95%!important;max-height:85vh!important;background:linear-gradient(145deg,#1a1a1c,#242426)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:12px!important;overflow-y:auto!important;scroll-behavior:smooth!important}.payment-confirmation-modal::-webkit-scrollbar{width:8px!important}.payment-confirmation-modal::-webkit-scrollbar-track{background:rgba(30,30,32,.8)!important;border-radius:4px!important;margin:2px!important}.payment-confirmation-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--pasta-primary),var(--pasta-primary-alt))!important;border-radius:4px!important;transition:all .3s ease!important}.payment-confirmation-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--pasta-primary-alt),#d48806)!important;transform:scaleX(1.2)!important}.payment-confirmation-content{display:flex;flex-direction:column;gap:1.2rem;padding:.5rem;color:var(--pasta-text);font-family:"Hellix-Regular",sans-serif}.payment-modal-header,.payment-modal-icon{display:flex;align-items:center;justify-content:center}.payment-modal-header{gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.payment-modal-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--pasta-primary),var(--pasta-primary-alt));color:#151416;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 8px rgba(255,181,46,.3)}.payment-modal-title-section{flex:1}.payment-modal-title{font-family:"Hellix Bold",sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.payment-modal-subtitle{font-family:"Hellix-Regular",sans-serif;font-size:1rem;color:var(--pasta-text-light);margin:.5rem 0 0;line-height:1.4}.payment-summary-section{display:flex;flex-direction:column;gap:1rem}.pricing-overview{background:rgba(30,30,32,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;text-align:center}.price-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.monthly-price{display:flex;align-items:baseline;gap:.25rem;justify-content:center}.price-amount{font-family:"Hellix Bold",sans-serif;font-size:2rem;font-weight:700;color:var(--pasta-primary);line-height:1}.price-period{font-family:"Hellix-Regular",sans-serif;font-size:1rem;color:var(--pasta-text-light)}.total-price{font-family:"Hellix SemiBold",sans-serif;font-size:1.1rem;font-weight:600;color:var(--pasta-text);margin-top:.5rem}.total-price strong{color:#fff}.resources-section{background:rgba(30,30,32,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.resources-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:"Hellix SemiBold",sans-serif;font-size:1rem;font-weight:600;color:#fff;margin:0 0 .75rem;text-align:center}.resource-icon i,.resources-title i{color:var(--pasta-primary)}.resources-list{display:flex;flex-direction:column;gap:.75rem}.payment-resource-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgba(40,40,42,.6);border:1px solid rgba(255,255,255,.05);border-radius:6px;font-family:"Hellix-Regular",sans-serif;font-size:.9rem;color:var(--pasta-text);margin-bottom:.25rem}.resource-icon{width:20px;display:flex;justify-content:center;flex-shrink:0}.resource-icon i{font-size:1rem}.resource-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.resource-name{font-family:"Hellix SemiBold",sans-serif;font-weight:600;color:#fff;font-size:.9rem}.resource-change{font-family:"Hellix-Regular",sans-serif;color:var(--pasta-text-light);font-size:.85rem}.resource-price{font-family:"Hellix SemiBold",sans-serif;font-weight:600;color:var(--pasta-accent);font-size:.9rem;flex-shrink:0}.billing-info{display:flex;flex-direction:column;gap:.5rem;background:rgba(30,30,32,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.billing-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-family:"Hellix-Regular",sans-serif;font-size:.85rem}.billing-item:last-child{border-bottom:none}.billing-label{color:var(--pasta-text-light)}.billing-value{font-family:"Hellix SemiBold",sans-serif;font-weight:600;color:#fff}.payment-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.payment-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:0;border-radius:6px;font-family:"Hellix SemiBold",sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;min-height:44px;white-space:nowrap}.payment-btn--primary{background:linear-gradient(135deg,var(--pasta-primary),var(--pasta-primary-alt));color:#151416;box-shadow:0 3px 0 var(--pasta-primary-alt)}.payment-btn--primary:hover{background:linear-gradient(135deg,var(--pasta-primary-alt),#d48806);transform:translateY(2px);box-shadow:0 1px 0 var(--pasta-primary-alt)}.payment-btn--primary:active{transform:translateY(3px);box-shadow:none}.payment-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 3px 0 var(--pasta-primary-alt)}.payment-btn--secondary{background:rgba(30,30,32,.8);color:var(--pasta-text);border:1px solid rgba(255,255,255,.1)}.payment-btn--secondary:hover{background:rgba(50,50,52,.8);border-color:rgba(255,255,255,.2);color:#fff;transform:translateY(1px)}.payment-btn.loading{pointer-events:none}.payment-btn .button-text,.payment-security-note{display:flex;align-items:center;gap:.5rem}.payment-btn .button-loading{display:none;align-items:center;gap:.5rem}.payment-btn .button-loading i{animation:spin 1s linear infinite}.payment-security-note{justify-content:center;padding:.75rem;background:rgba(139,195,74,.1);border:1px solid rgba(139,195,74,.3);border-radius:6px;font-family:"Hellix-Regular",sans-serif;font-size:.85rem;color:var(--pasta-text-light);text-align:center}.payment-security-note i{color:var(--pasta-accent);font-size:1rem}@media (max-width:768px){.payment-confirmation-modal{width:98%!important;margin:.5rem!important;max-height:95vh!important}.payment-confirmation-content{gap:1.25rem;padding:.25rem}.payment-modal-header{flex-direction:column;text-align:center;gap:.75rem;padding-bottom:.75rem}.payment-modal-icon{width:40px;height:40px;font-size:1.2rem}.payment-modal-title{font-size:1.25rem}.payment-modal-subtitle{font-size:.9rem}.billing-info,.pricing-overview,.resources-section{padding:1rem}.price-amount{font-size:1.75rem}.resources-title{font-size:1rem;flex-direction:column;gap:.5rem}.payment-resource-item{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}.resource-icon{align-self:center}.resource-details{align-items:center;text-align:center}.resource-price{align-self:center}.billing-item{flex-direction:column;text-align:center;gap:.25rem;padding:.75rem}.payment-actions{flex-direction:column;gap:.75rem}.payment-btn{width:100%;padding:.75rem 1rem;font-size:.9rem}.payment-security-note{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}}@media (max-width:480px){.payment-confirmation-modal{width:100%!important;margin:0!important;max-height:100vh!important;border-radius:0!important}.payment-confirmation-content{padding:.5rem;gap:1rem}.billing-info,.pricing-overview,.resources-section{padding:.75rem}.payment-modal-title{font-size:1.1rem}.payment-modal-subtitle{font-size:.85rem}.payment-modal-icon{width:36px;height:36px;font-size:1rem}.price-amount{font-size:1.5rem}.resources-title{font-size:.95rem}.payment-resource-item{padding:.5rem;font-size:.85rem}.resource-name{font-size:.85rem}.resource-change{font-size:.8rem}.resource-price{font-size:.85rem}.billing-item,.payment-btn{padding:.5rem 0;font-size:.85rem}.payment-btn{padding:.6rem .75rem;min-height:40px}.payment-security-note{padding:.5rem;font-size:.8rem}}