#notificationModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10001;justify-content:center;align-items:center}#notificationModal.show{display:flex}#notificationModal .modal-content{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--space-8);max-width:400px;width:90%;box-shadow:var(--shadow-lg);animation:slideDown var(--transition-normal) ease-out}#notificationModal .modal-content.error{border-left:5px solid var(--accent-danger);background:var(--bg-white)}#notificationModal .modal-content.success{border-left:5px solid var(--accent-success);background:var(--bg-white)}#notificationModal .modal-content.warning{border-left:5px solid var(--accent-warning);background:var(--bg-white)}@keyframes slideDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}#notificationModal .modal-header{display:flex;align-items:center;margin-bottom:var(--space-lg);gap:var(--space-sm)}#notificationModal .modal-icon{font-size:var(--font-3xl)}#notificationModal .modal-icon.success{color:var(--accent-success)}#notificationModal .modal-icon.error{color:var(--accent-danger)}#notificationModal .modal-title{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}#notificationModal .modal-title.error{color:var(--accent-danger)}#notificationModal .modal-title.success{color:var(--accent-success)}#notificationModal .modal-message{font-size:var(--font-md);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:var(--line-height-normal)}#notificationModal .modal-message.error{color:var(--accent-danger-dark);font-weight:var(--font-weight-medium)}#notificationModal .modal-footer{display:flex;justify-content:flex-end}#notificationModal .modal-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast)}#notificationModal .modal-btn.success{background-color:var(--accent-success);color:var(--text-white)}#notificationModal .modal-btn.success:hover{background-color:var(--accent-success-dark)}#notificationModal .modal-btn.error{background-color:var(--accent-danger);color:var(--text-white)}#notificationModal .modal-btn.error:hover{background-color:var(--accent-danger-dark)}