.custom-modal { width: 100%; height: 100vh; position: fixed; z-index: 999; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.25); display: flex; justify-content: center; align-items: center; }
.custom-modal-content { background: #fff; padding: 30px; border-radius: 18px; width: 90%; max-width: 650px; position: relative; }
.custom-model-content-2 { background: #f5f8fa; padding: 10px; border-radius: 10px; font-size: 16px; max-height: 500px; overflow-y: auto; }
.custom-model-title { color: var(--black); font-weight: bold; text-align: center; font-size: 15px; margin-bottom: 20px; }
.custom-modal .close { position: absolute; top: 10px; right: 15px; font-size: 20px; font-weight: bold; color: #333; cursor: pointer; }
.custom-modal-buttons { margin-top: 20px; display: flex; align-items: center; justify-content: space-around; }
.modal-btn-ok { background: var(--theme-color); width: 150px; color: var(--white); font-weight: 500; padding: 8px 12px; border-radius: 50px; border: none; display: block; text-align: center; transition: background 0.3s, color 0.3s; cursor: pointer; outline: none; }
.modal-btn-danger { background: #ff3b3b; min-width: 150px; color: var(--white); font-weight: 500; padding: 8px 12px; border-radius: 50px; border: none; display: block; text-align: center; transition: background 0.3s, color 0.3s; cursor: pointer; outline: none; }