How to Setup Raspberry Pi Boards?

Both files updated with a modern design system. Key changes:

Glassmorphism — panels use backdrop-blur-xl with semi-transparent backgrounds (white/70, white/[0.04]) instead of solid fills
Softer borders — replaced hard border-gray-200 with subtle border-gray-200/60 and border-white/[0.06] in dark mode
Shadows over borders — cards use shadow-sm shadow-black/[0.04] for gentle depth
Rounded-2xl everywhere — larger border radius on cards, inputs, buttons, and nav items
Inter font — loaded from Google Fonts for a clean, modern type feel
Muted palette — colors like emerald-500, amber-500, rose-500 at lower opacity (/10) for tags and accents
Gradient background — body uses bg-gradient-to-br for subtle depth
Hover states — use ultra-subtle opacity shifts (bg-black/[0.03]) instead of opaque color swaps
Thinner progress bars — h-1 with /60 opacity fills for a lighter feel
Consistent sizing — text-[13px] body text, text-[11px] labels, w-[18px] icons

Both files updated with a modern design system. Key changes:

Glassmorphism — panels use backdrop-blur-xl with semi-transparent backgrounds (white/70, white/[0.04]) instead of solid fills
Softer borders — replaced hard border-gray-200 with subtle border-gray-200/60 and border-white/[0.06] in dark mode
Shadows over borders — cards use shadow-sm shadow-black/[0.04] for gentle depth
Rounded-2xl everywhere — larger border radius on cards, inputs, buttons, and nav items
Inter font — loaded from Google Fonts for a clean, modern type feel
Muted palette — colors like emerald-500, amber-500, rose-500 at lower opacity (/10) for tags and accents
Gradient background — body uses bg-gradient-to-br for subtle depth
Hover states — use ultra-subtle opacity shifts (bg-black/[0.03]) instead of opaque color swaps
Thinner progress bars — h-1 with /60 opacity fills for a lighter feel
Consistent sizing — text-[13px] body text, text-[11px] labels, w-[18px] icons