.alert {
  padding: 15px 20px;
  border-radius: var(--radius);
  margin-bottom: 20px;
  border-left: 4px solid;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.alert-success {
  background: rgba(40, 167, 69, 0.1);
  border-left-color: var(--success-color);
  color: #155724;
}

.alert-error {
  background: rgba(220, 53, 69, 0.1);
  border-left-color: var(--danger-color);
  color: #721c24;
}

.alert-warning {
  background: rgba(255, 193, 7, 0.1);
  border-left-color: var(--warning-color);
  color: #856404;
}

.alert-info {
  background: rgba(23, 162, 184, 0.1);
  border-left-color: var(--info-color);
  color: #0c5460;
}

/* Toast Notifications */
.notification {
  position: fixed;
  top: 80px;
  right: 20px;
  z-index: 9999;
  max-width: 400px;
  padding: 15px 20px;
  border-radius: var(--radius);
  color: white;
  font-weight: 600;
  animation: slideIn 0.3s ease-out;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.notification-success { background: var(--success-color); }
.notification-error { background: var(--danger-color); }
.notification-info { background: var(--info-color); }

@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}