.success-msg, .error-msg, .warning-msg, .info-msg {
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.success-msg {
  background: #d4edda;
  color: #155724;
  border-left: 5px solid #28a745;
}

.error-msg {
  background: #f8d7da;
  color: #721c24;
  border-left: 5px solid #dc3545;
}

.warning-msg {
  background: #fff3cd;
  color: #856404;
  border-left: 5px solid #ffc107;
}

.info-msg {
  background: #d1ecf1;
  color: #0c5460;
  border-left: 5px solid #17a2b8;
}

.success-msg i, .error-msg i, .warning-msg i, .info-msg i {
  font-size: 20px;
}