Design Fixes

Center the main content with a max width of around 1100px and add
generous padding on the left and right.

Convert the features section into a three-column grid with equal-width
cards.

Move the sidebar to the left and make the main content fill the
remaining space.

The spacing on the dashboard is inconsistent. Use a consistent spacing
scale — equal gaps between cards and even padding inside them.

Add more breathing room — increase vertical spacing between sections
on the home page.

The form fields are too cramped. Add consistent vertical spacing
between each field and its label.

Change the primary color to a deep indigo and use it consistently for
buttons, links, and active states.

Use a softer, warmer neutral palette instead of pure gray for
backgrounds and borders.

Add a dark mode and a toggle in the navbar to switch between light
and dark.

Make the typography stronger — larger, bolder page headings and a
clear size difference between headings and body text.

Increase body text size slightly and add a bit more line height so
longer text is easier to read.

Use a clean, modern sans-serif for headings and keep body text
readable and understated.

The board doesn't work on mobile — stack the columns vertically and
make cards full width on small screens.

Make the navbar collapse into a hamburger menu on screens narrower
than tablet size.

Tables overflow on mobile. Make them scroll horizontally inside a
container instead of breaking the layout.

[reference design attached]
Restyle the landing page to match the style of this design — same
card style, color palette, and spacing — but keep my current content.