docs: create UI/UX overhaul roadmap with 4-phase structure

Map all 13 active requirements to a foundation-first delivery
sequence: design primitives, dashboard charts, collapsible
sections, then full-app consistency.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.planning/STATE.md

@@ -0,0 +1,61 @@
+# Project State
+
+## Project Reference
+
+See: .planning/PROJECT.md (updated 2026-03-16)
+
+**Core value:** Users can see their full monthly financial picture at a glance — income, spending, and what's left — in a visually rich, easy-to-read dashboard.
+**Current focus:** Phase 1 — Design Foundation and Primitives
+
+## Current Position
+
+Phase: 1 of 4 (Design Foundation and Primitives)
+Plan: 0 of TBD in current phase
+Status: Ready to plan
+Last activity: 2026-03-16 — Roadmap created
+
+Progress: [░░░░░░░░░░] 0%
+
+## Performance Metrics
+
+**Velocity:**
+- Total plans completed: 0
+- Average duration: -
+- Total execution time: 0 hours
+
+**By Phase:**
+
+| Phase | Plans | Total | Avg/Plan |
+|-------|-------|-------|----------|
+| - | - | - | - |
+
+**Recent Trend:**
+- Last 5 plans: -
+- Trend: -
+
+*Updated after each plan completion*
+
+## Accumulated Context
+
+### Decisions
+
+Decisions are logged in PROJECT.md Key Decisions table.
+Recent decisions affecting current work:
+
+- [Roadmap]: 4-phase structure derived from research — foundation before features, dashboard before other pages, charts before collapsibles
+- [Roadmap]: All research flags set to NO — no `/gsd:research-phase` needed before any phase
+
+### Pending Todos
+
+None yet.
+
+### Blockers/Concerns
+
+- shadcn `chart.tsx` requires manual `initialDimension` patch after CLI install (issue #9892) — must be applied in Phase 1 before any chart work
+- WCAG contrast audit needed for bumped OKLCH chroma values during Phase 1 token work
+
+## Session Continuity
+
+Last session: 2026-03-16
+Stopped at: Roadmap and state files created, ready for Phase 1 planning
+Resume file: None