.empty-state {
  padding: var(--space-16) 0;
  text-align: center;
  color: var(--primary-600);
}
.empty-state .icon {
  font-size: 3rem;
  color: var(--primary-700);
  margin-bottom: var(--space-3);
}
.empty-state .title {
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  margin-bottom: var(--space-2);
}
.empty-state .description {
  font-size: var(--text-sm);
  color: var(--primary-500);
  margin-bottom: var(--space-4);
}
.empty-state .cta {
  margin-top: var(--space-4);
}