.dashboard {
  padding: 40px 40px 60px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1;

  @media (max-width: 768px) {
    padding: 24px 20px 40px;
  }

  &__header {
    margin-bottom: 32px;
  }

  &__title {
    font-size: 32px;
    letter-spacing: -0.5px;
    margin: 0 0 4px;

    @media (max-width: 768px) {
      font-size: 24px;
    }
  }

  &__section-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
    margin: 0 0 12px;
  }

  &__cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
