.statsGrid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.statCard {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 24px;
	background: variables.$bg-default;
	border-radius: variables.$radius-md;
	box-shadow: var(--shadow-sm);
}

.projectCard {
	overflow: hidden;
	border-radius: variables.$radius-md;
	background: variables.$bg-default;
	box-shadow: var(--shadow-sm);
}

.heroSkeleton {
	width: 100%;
}

.projectCardContent {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 14px 16px;
}

.recentGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}
