.subscription-modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.subscription-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.1);max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:90%}.subscription-modal-header{border-bottom:1px solid #e9ecef;padding:2rem;text-align:center}.subscription-modal-header h2{color:#333;font-size:2rem;font-weight:600;margin:0}.subscription-modal-close{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s}.subscription-modal-close:hover{background-color:#f8f9fa}.subscription-plans{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem}.plan-card{background-color:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:30px;position:relative;transition:transform .3s ease;width:300px}.plan-card:hover{transform:translateY(-5px)}.plan-card.featured{border:2px solid #6889dd;transform:scale(1.02)}.plan-card.featured:hover{transform:scale(1.02) translateY(-5px)}.plan-badge{background-color:#6889dd;border-radius:20px;color:#fff;font-size:.875rem;font-weight:700;padding:5px 15px;position:absolute;right:-10px;top:-10px}.plan-header{margin-bottom:2rem;text-align:center}.plan-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.plan-price{color:#6889dd;font-size:2rem;font-weight:700;margin-bottom:.5rem}.plan-period{color:#6c757d;font-size:.875rem}.plan-features{list-style:none;margin:0 0 2rem;padding:0}.plan-features li{align-items:center;color:#495057;display:flex;padding:.5rem 0}.plan-features li:before{color:#28a745;content:"✓";font-weight:700;margin-right:.5rem}.plan-features li.unavailable{color:#6c757d;text-decoration:line-through}.plan-features li.unavailable:before{color:#dc3545;content:"✗"}.plan-button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s;width:100%}.plan-button.primary{background-color:#6889dd;color:#fff}.plan-button.primary:hover{background-color:#5a7bd6}.plan-button.secondary{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.plan-button.secondary:hover{background-color:#e9ecef}.plan-button:disabled{cursor:not-allowed;opacity:.6}.subscription-management{border-top:1px solid #e9ecef;padding:2rem}.subscription-status{background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.status-badge{border-radius:50px;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.35rem .75rem}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.canceling{background-color:#fff3cd;color:#856404}.subscription-details{margin-top:1.5rem}.subscription-item{border:1px solid #e9ecef;border-radius:6px;margin-bottom:1rem;padding:1rem}.subscription-item h3{color:#333;margin-bottom:.5rem;margin-top:0}.subscription-info{display:flex;flex-wrap:wrap;gap:1rem}.info-item{flex:1;min-width:200px}.info-item label{color:#6c757d;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.info-item span{color:#333}.subscription-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-primary{background-color:#6889dd;color:#fff}.btn-primary:hover{background-color:#5a7bd6}.btn-secondary{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.btn-secondary:hover{background-color:#e9ecef}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;display:inline-block;height:16px;margin-right:.5rem;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cancel-modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1051}.cancel-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.1);max-width:500px;padding:2rem;width:90%}.cancel-modal-header{margin-bottom:1.5rem;text-align:center}.cancel-modal-header h3{color:#333;font-size:1.5rem;margin:0}.cancel-options{margin-bottom:2rem}.cancel-option{border:1px solid #e9ecef;border-radius:6px;cursor:pointer;margin-bottom:1rem;padding:1rem;transition:all .2s}.cancel-option:hover{background-color:#f8f9fa}.cancel-option.selected{background-color:#f0f4ff;border-color:#6889dd}.cancel-option input[type=radio]{margin-right:.75rem}.cancel-option label{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem}.cancel-option-content{flex:1}.cancel-option-title{color:#333;font-weight:600;margin-bottom:.25rem}.cancel-option-desc{color:#6c757d;font-size:.875rem}.cancel-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1rem;padding:1rem}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.subscription-plans{align-items:center;flex-direction:column}.plan-card{max-width:400px;width:100%}.subscription-modal{margin:1rem;width:95%}.subscription-modal-header{padding:1rem}.subscription-modal-header h2{font-size:1.5rem}.cancel-modal-actions,.subscription-actions{flex-direction:column}}