.ip-renew-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.ip-renew-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.ip-renew-modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15);max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ip-renew-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#025dea 0%,#0146c7 100%);color:#fff}.ip-renew-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.ip-renew-modal-close{background:none;border:none;font-size:20px;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.2s ease;font-weight:500}.ip-renew-modal-close:hover{background-color:rgba(255,255,255,.1);transform:scale(1.1)}.ip-renew-modal-body{padding:24px}.ip-renew-modal-info{margin:0 0 20px 0;padding:12px 16px;background-color:#f8fafc;border-radius:8px;border-left:4px solid #025dea}.ip-renew-modal-info strong{color:#374151}.ip-renew-options{display:flex;flex-direction:column;gap:12px}.ip-renew-option{border:2px solid #e5e7eb;border-radius:10px;padding:16px;cursor:pointer;transition:all 0.2s ease;position:relative;background:#fff}.ip-renew-option:hover{border-color:#025dea;box-shadow:0 4px 12px rgba(2,93,234,.15);transform:translateY(-1px)}.ip-renew-option.selected{border-color:#025dea;background:linear-gradient(135deg,#e6f2ff 0%,#cce7ff 100%);box-shadow:0 4px 12px rgba(2,93,234,.2)}.ip-renew-option.selected::before{content:'✓';position:absolute;top:12px;right:12px;width:20px;height:20px;background:#025dea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ip-renew-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ip-renew-option-title{font-weight:600;font-size:16px;color:#1f2937}.ip-renew-option-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ip-renew-option-discount{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.ip-renew-option-desc{color:#6b7280;font-size:14px;margin-bottom:8px}.ip-renew-option-price{color:#059669;font-weight:600;font-size:14px}.ip-renew-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;background-color:#f9fafb}.ip-renew-cancel-btn,.ip-renew-confirm-btn{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all 0.2s;border:none;font-size:14px}.ip-renew-cancel-btn{background:#f3f4f6;color:#374151}.ip-renew-cancel-btn:hover{background:#e5e7eb}.ip-renew-confirm-btn{background:linear-gradient(135deg,#025dea 0%,#0146c7 100%);color:#fff;min-width:120px}.ip-renew-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#0146c7 0%,#013ba3 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(2,93,234,.3)}.ip-renew-confirm-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}body.ip-renew-modal-open{overflow:hidden}@media (max-width:640px){.ip-renew-modal-content{width:95%;margin:20px}.ip-renew-modal-header,.ip-renew-modal-body,.ip-renew-modal-footer{padding:16px}.ip-renew-options{gap:10px}.ip-renew-option{padding:12px}.ip-renew-option-title{font-size:15px}.ip-renew-modal-footer{flex-direction:column}.ip-renew-cancel-btn,.ip-renew-confirm-btn{width:100%;padding:12px}}@media (prefers-color-scheme:dark){.ip-renew-modal-content{background:#1f2937;color:#f9fafb}.ip-renew-modal-header{border-bottom-color:#374151}.ip-renew-modal-info{background-color:#374151;color:#e5e7eb}.ip-renew-option{background:#1f2937;border-color:#374151;color:#f9fafb}.ip-renew-option:hover{border-color:#3b82f6;background:#1e3a8a}.ip-renew-option.selected{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}.ip-renew-modal-footer{background-color:#374151;border-top-color:#4b5563}.ip-renew-cancel-btn{background:#4b5563;color:#f9fafb}.ip-renew-cancel-btn:hover{background:#6b7280}}