.popup{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow-y:auto}dialog.popup{background-color:#00000080;border:none;justify-content:center;align-items:flex-start;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:flex;position:fixed;top:0;left:0;overflow:auto}dialog.popup::backdrop{background-color:#00000080}.popup-content{text-align:center;background-color:#fff;border-radius:8px;width:clamp(300px,50%,500px);max-width:90%;margin:auto;padding:clamp(1rem,2vw,2rem);box-shadow:0 2px 10px #0000001a}.dialog-body{margin:1rem 0}.dialog-footer{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1rem}.confirm-message{text-align:center;color:#333;font-size:clamp(14px,1.3vw,16px);line-height:1.5}.confirm-message p{margin:.5rem 0}.confirm-dialog-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.confirm-dialog-actions button{width:100%}.popup-content h2{color:#333;margin:0 0 1rem;font-size:clamp(18px,2vw,22px)}.popup-content h3{color:#555;margin:.5rem 0 1rem;font-size:clamp(14px,1.5vw,16px)}.popup-content h4{color:#777;margin:.5rem 0 .3rem;font-size:clamp(12px,1.2vw,14px)}.subscription-info{background-color:#f5f5f5;border-radius:6px;margin-bottom:1rem;padding:clamp(.8rem,1.5vw,1.2rem)}.subscription-info p{color:#666;margin:.5rem 0;font-size:clamp(12px,1.2vw,14px)}.subscription-info strong{color:#198754;font-weight:600}.no-subscription{color:#dc3545;font-weight:500}.renewal-notice{color:#ff9800;font-weight:500;margin-top:.5rem!important}.button-container{flex-direction:column;gap:.75rem;display:flex}.button-container button{color:#fff;cursor:pointer;background-color:#198754cc;border:none;border-radius:5px;width:100%;padding:clamp(8px,1.5vw,12px) clamp(12px,3vw,20px);font-size:clamp(14px,1.5vw,16px);transition:background-color .3s}.button-container button:hover:not(:disabled){background-color:#198754}.button-container button:disabled,.button-container button.btn-disabled{cursor:not-allowed;opacity:.6;background-color:#ccc}.term-selection{text-align:center}.term-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.8rem;margin:1rem 0;display:grid}.term-option{cursor:pointer;border:2px solid #ddd;border-radius:6px;align-items:center;gap:.5rem;padding:.8rem;transition:all .2s;display:flex}.term-option:hover{background-color:#f0fdf4;border-color:#198754}.term-option input[type=radio]{cursor:pointer;accent-color:#198754;margin:0}.term-option input[type=radio]:checked+.term-text{color:#198754;font-weight:600}.term-text{color:#555;font-size:clamp(13px,1.1vw,15px)}.preview-section{background-color:#e8f5e9;border-left:4px solid #198754;border-radius:6px;margin:1rem 0;padding:clamp(.8rem,1.5vw,1.2rem)}.preview-date{color:#198754;margin:.5rem 0;font-size:clamp(14px,1.3vw,18px);font-weight:600}.preview-note{color:#666;margin:.5rem 0 0;font-size:clamp(11px,1vw,12px);font-style:italic}.term-actions{flex-direction:column;gap:.6rem;margin-top:1.5rem;display:flex}.confirm-btn{color:#fff;cursor:pointer;background-color:#198754cc;border:none;border-radius:5px;width:100%;padding:clamp(10px,1.5vw,14px) clamp(14px,3vw,22px);font-size:clamp(13px,1.2vw,15px);font-weight:500;transition:background-color .3s}.confirm-btn:hover{background-color:#198754}.cancel-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:5px;width:100%;padding:clamp(8px,1.5vw,12px) clamp(12px,3vw,20px);font-size:clamp(13px,1.2vw,15px);transition:background-color .3s}.cancel-btn:hover{background-color:#5a6268}.close-btn{color:#fff;cursor:pointer;background-color:#f44336;border:none;border-radius:5px;width:100%;margin-top:1rem;padding:clamp(8px,1.5vw,12px) clamp(12px,3vw,18px);font-size:clamp(14px,1.5vw,16px);transition:background-color .3s}.close-btn:hover{background-color:#da190b}@media (width<=480px){.popup-content{width:95%;padding:1rem}.term-options{grid-template-columns:1fr 1fr}.button-container button,.confirm-dialog-actions button,.confirm-btn,.cancel-btn,.close-btn{padding:10px;font-size:14px}.popup-content h2{font-size:18px}.popup-content h3{font-size:14px}}