.payment-methods{margin-bottom:2rem}.payment-method-option{display:flex;align-items:center;margin-bottom:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.payment-method-option:hover{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}.payment-method-option input[type="radio"]{margin-right:1rem}.payment-method-option label{display:flex;align-items:center;flex-grow:1;cursor:pointer}.payment-method-logo{height:32px;margin-left:auto}.payment-method-form{display:none;margin-top:1.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.payment-method-form.active{display:block}.payment-form-group{margin-bottom:1.5rem}.payment-form-group label{display:block;margin-bottom:.5rem;font-weight:500}.payment-form-group input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-input-bg);color:var(--color-text);font-size:1rem}.payment-form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.payment-form-submit{display:block;width:100%;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.payment-form-submit:hover{background-color:var(--color-primary-hover)}.payment-form-submit:disabled{background-color:var(--color-disabled);cursor:not-allowed}.payment-reference-container{margin-top:2rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.payment-reference h3{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:var(--color-text)}.reference-details{margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:rgba(var(--color-primary-rgb),.05)}.reference-item{display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.reference-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.reference-label{font-weight:500;color:var(--color-text-secondary)}.reference-value{font-weight:600;font-family: var(--font-mono);letter-spacing:.5px}.reference-instructions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.reference-instructions p{margin:0 0 .75rem;color:var(--color-text-secondary)}.mbway-timer{margin-top:1rem;padding:.75rem;border-radius:var(--radius-sm);background-color:rgba(var(--color-warning-rgb),.1);color:var(--color-warning);font-weight:500;text-align:center}#mbway-countdown{font-family: var(--font-mono);font-weight:600}.status-pending{color:var(--color-warning)}.status-success{color:var(--color-success)}.status-error{color:var(--color-danger)}.status-expired{color:var(--color-danger)}.payment-error{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;max-width:400px;padding:1rem 1.5rem;border-radius:var(--radius-md);background-color:var(--color-danger);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(100%);opacity:0;transition:transform .3s ease , opacity .3s ease;z-index:1000}.payment-error.show{transform:translateY(0);opacity:1}.error-icon{margin-right:1rem;flex-shrink:0}.error-message{flex-grow:1}.error-close{margin-left:1rem;background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s ease}.error-close:hover{opacity:1}html[data-theme="dark"] .payment-method-option:hover{background-color:rgba(255,255,255,.05)}html[data-theme="dark"] .reference-details{background-color:rgba(255,255,255,.05)}html[data-theme="dark"] .mbway-timer{background-color:rgba(255,193,7,.1)}.paypal-payment-container{padding:1rem}.paypal-info{margin-bottom:1.5rem;text-align:center}.paypal-info p{margin-bottom:.5rem;color:var(--color-text-secondary)}.payment-security-note{font-size:.875rem;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.payment-security-note::before{content:"🔒";font-size:1rem}.paypal-button{background:linear-gradient(135deg,#0070ba 0%,#003087 100%);border:none;color:#fff;font-weight:600;transition:all .2s ease;position:relative;overflow:hidden}.paypal-button:hover:not(:disabled) {background:linear-gradient(135deg,#005ea6 0%,#002973 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,112,186,.3)}.paypal-button:active:not(:disabled) {transform:translateY(0)}.paypal-button:disabled{background:var(--color-disabled);cursor:not-allowed;transform:none;box-shadow:none}.paypal-button i{margin-right:.5rem;font-size:1.1em}#paypal-button-text{display:inline-flex;align-items:center;justify-content:center}#paypal-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.payment-method-option .paypal-logo{filter:brightness(1.1);transition:filter .2s ease}.payment-method-option:hover .paypal-logo{filter:brightness(1.2)}.payment-method-option[data-method="paypal"]{background:linear-gradient(135deg,rgba(0,112,186,.05) 0%,rgba(0,48,135,.05) 100%);border-color:rgba(0,112,186,.2)}.payment-method-option[data-method="paypal"]:hover{background:linear-gradient(135deg,rgba(0,112,186,.1) 0%,rgba(0,48,135,.1) 100%);border-color:rgba(0,112,186,.4)}html[data-theme="dark"] .paypal-button{background:linear-gradient(135deg,#0084ff 0%,#06c 100%)}html[data-theme="dark"] .paypal-button:hover:not(:disabled) {background:linear-gradient(135deg,#0070e0 0%,#0052a3 100%)}html[data-theme="dark"] .payment-method-option[data-method="paypal"]{background:linear-gradient(135deg,rgba(0,132,255,.1) 0%,rgba(0,102,204,.1) 100%);border-color:rgba(0,132,255,.3)}html[data-theme="dark"] .payment-method-option[data-method="paypal"]:hover{background:linear-gradient(135deg,rgba(0,132,255,.15) 0%,rgba(0,102,204,.15) 100%);border-color:rgba(0,132,255,.5)}@media (max-width:768px){.payment-method-option{flex-direction:column;align-items:flex-start}.payment-method-option label{margin-bottom:.5rem}.payment-method-logo{margin-left:0;margin-top:.5rem}.reference-item{flex-direction:column}.reference-label{margin-bottom:.25rem}.payment-error{left:1rem;right:1rem;max-width:none}.paypal-payment-container{padding:.75rem}.paypal-info{margin-bottom:1rem}.paypal-button{padding:.875rem 1.25rem;font-size:.9rem}}