A finished app shell rather than a mock. The sidebar collapses to icons with a spring-loaded marker that slides between items, and becomes a drawer with a scrim on phones. The top bar has a ⌘K search field and a notification bell; the content opens with a greeting and a 7D / 30D / 90D range switch.

Four KPI cards draw their sparklines in, coloured by whether the movement is good news. The revenue chart tweens between ranges point by point instead of redrawing, and tracking the pointer shows a crosshair, a marker and that day’s figure in the header. Top customers fill their bars in order, the activity feed eases in, and the transactions table sorts by customer, date or amount with real aria-sort.

Everything is driven by props with sensible sample data, uses the page font and the .dark class, and is one CSS file with no chart library. Under prefers-reduced-motion it renders in its final state.