Goals track the big picture when milestones track the detail

Milestones are granular. Ship the homepage. Integrate Stripe. Pass the accessibility audit. Goals are broader. Launch the platform. Reach WCAG AA compliance across all pages. Get the first paying client through the portal. The goals page in the portal shows every goal across every project a client has with me. Each goal is a GlassCard with a circular status indicator — an emerald filled dot when complete, a hollow bordered circle when still in progress. Completed goals get a strikethrough and reduced opacity so the eye goes straight to what is still outstanding. Every goal links back to the project it belongs to so you can drill into the detail without switching context. The page header shows the completion ratio — 3/7 completed — giving the client a single number that answers the question how far along are we. The data comes from a server query that filters goals by the logged-in client's Clerk ID, includes the parent project name, and orders by completion status so active goals appear first. The whole page is a server component with no client-side JavaScript. It renders with the data already present. No loading state, no optimistic updates, no WebSocket subscriptions. One query, one render, one answer to one question — what are we working toward and how close are we.