.goals {
  display: grid;
  gap: 10px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #eef2f7;
}

.goals .goal {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.goals .bar {
  margin-top: 6px;
}

.metric-label,
.target-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.metric-label svg,
.target-label svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.target-label .goal-current {
  color: #0f172a;
  font-weight: 800;
}

.goal .goal-percent {
  color: #4f46e5;
}

@media (max-width: 600px) {
  .goals {
    gap: 8px;
  }
}