.common-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 98; }
.common-overlay-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99; }

.common-popup { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); overflow: hidden; }
.common-popup-header { padding: 20px 24px 0 24px; position: relative; }
.common-popup-title { margin: 0; color: #0C0C0D; font-size: 18px; font-weight: 700; font-style: normal; }
.common-popup-close { position: absolute; top: 5px; right: 10px; width: 30px; height: 30px; background: none; border: none; font-size: 20px; color: #6c757d; cursor: pointer; line-height: 1; padding: 0; }
.common-popup-close:hover { color: #343a40; }
.common-popup-body { overflow-y: auto; }
.common-popup-content { min-height: 100px; }
.common-popup-footer { padding: 20px; background-color: #f8f9fa; border-top: 1px solid #dee2e6; text-align: right; }
.common-popup.ui-draggable, .common-popup.ui-resizable { transform: none !important; }

.common-spinner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.common-spinner img { width: 100px; height: 100px; }

.btn-common-cancel, .btn-common-confirm { padding: 8px 20px; border-radius: 4px; font-size: 14px; cursor: pointer; font-weight: 500; border: 1px solid #ced4da; margin-left: 10px; }
.btn-common-cancel { background-color: white; color: #495057; }
.btn-common-cancel:hover { background-color: #f8f9fa; }
.btn-common-confirm { background-color: #007bff; color: white; border-color: #007bff; }
.btn-common-confirm:hover { background-color: #0056b3; }

.error-message { text-align: center; padding: 20px; color: #dc3545; }