I can see the image shows a modern resource card design with a circular avatar, utilization progress bar, stats badges, top skills with star ratings, and action buttons at the bottom. Let me find and update the resource card component to match this design.

Now I'll update the resource card to match the new design with utilization bar, stats badges, top skills with star ratings, and action buttons:

I've redesigned the resource card to match the provided image. The new design includes a utilization progress bar with color-coded percentage (red for high utilization), stats badges showing project/task/ticket counts, a top skills section with star ratings, and action buttons at the bottom (refresh, edit, lock, delete) along with a "Project Assignments" button. The layout uses dashed borders to separate sections for a clean, organized appearance.

Now I'll update the resource card to move the progress bar next to the name, remove the "Utilization" label, and place the percentage before the progress bar:

I've updated the resource card layout by moving the utilization progress bar directly next to the name (below it), removed the "Utilization" label text, and positioned the percentage before the progress bar. The percentage is now displayed with color coding (red for >80%, orange for >60%, green otherwise) and sits inline with the progress bar for a cleaner, more compact design.