.payment-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;padding:1rem}.payment-overlay.active{opacity:1}.payment-modal{background:#fff;border-radius:1rem;width:100%;max-width:360px;box-shadow:0 20px 60px #00000026;overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.payment-overlay.active .payment-modal{transform:translateY(0)}.payment-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0}.payment-modal-title{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin:0}.payment-badge{font-size:.7rem;font-weight:600;color:#f59e0b;background:#fef3c7;padding:.2rem .5rem;border-radius:999px}.payment-modal-body{padding:1.5rem;text-align:center}.payment-desc{font-size:.875rem;color:#666;margin:0 0 1rem}.payment-price{font-size:2rem;font-weight:800;color:#6b8e7b;margin-bottom:1rem}.payment-upgrade{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:.75rem;cursor:pointer;border:1px solid #d1fae5;transition:border-color .2s}.payment-upgrade:hover{border-color:#6b8e7b}.payment-upgrade input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:#6b8e7b}.payment-upgrade-text{font-size:.8rem;color:#374151}.payment-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem}.payment-btn-cancel{flex:1;padding:.75rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;color:#666;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.payment-btn-cancel:hover{background:#f9fafb}.payment-btn-confirm{flex:2;padding:.75rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#6b8e7b,#5a7d6a);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s}.payment-btn-confirm:hover{opacity:.9}.payment-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.payment-error{color:#dc2626;font-size:.8rem;margin-top:.75rem}.payment-success{text-align:center;padding:2rem 1.5rem}.payment-success-icon{width:3.5rem;height:3.5rem;margin:0 auto 1rem;background:linear-gradient(135deg,#6b8e7b,#5a7d6a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.payment-success-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.payment-success-desc{font-size:.875rem;color:#666;margin:0}.payment-modal-legal{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 1.5rem 1.25rem;font-size:.75rem}.payment-modal-legal a{color:#999;text-decoration:none;transition:color .2s}.payment-modal-legal a:hover{color:#666;text-decoration:underline}.payment-legal-sep{color:#ddd;font-size:.65rem}@media (prefers-color-scheme: dark){.payment-modal{background:#1e1e1e}.payment-modal-header{border-bottom-color:#333}.payment-modal-title{color:#f5f5f5}.payment-desc{color:#aaa}.payment-upgrade{background:linear-gradient(135deg,#1a2e1e,#1e3322);border-color:#2d4a33}.payment-upgrade-text{color:#d1d5db}.payment-btn-cancel{background:#2a2a2a;border-color:#444;color:#ccc}.payment-btn-cancel:hover{background:#333}.payment-success-title{color:#f5f5f5}.payment-success-desc{color:#aaa}.payment-error{color:#ef4444}}