Figma Reports

Build an account reports dashboard in Figma for desktop, tablet and mobile. Header: a Reports title, a period select reading This month, a compare toggle and Export and Share buttons. Top row: four stat cards — Total balance, Spending, Earnings and Savings rate — each with a value, a delta badge in green or red and a sparkline. Middle: a wide area chart of balance over the period with a comparison line for the previous period and a legend, beside a Monthly goals card listing three goals each with a label, a progress bar and an amount of target. Bottom: a Spending by category donut with a legend list showing amounts and percentages, a Top merchants table with logo, name, transactions and total, and a Cash flow bar chart with income and expenses as paired bars. Add a left sidebar with Overview, Reports, Accounts, Budgets and Settings. Stack cards two per row on tablet and one per row on mobile with charts resizing to width, and bind chart colours to the kit's chart variables.