feat: Multi-account financial overview dashboard

app/src/App.tsx

@@ -16,6 +16,7 @@ import NotFound from "./pages/NotFound";
 import { Landing } from "./pages/Landing";
 import ProtectedRoute from "./components/auth/ProtectedRoute";
 import Account from "./pages/Account";
+import { Accounts } from "./pages/Accounts";
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -83,6 +84,14 @@ const App = () => (
                 </ProtectedRoute>
               }
             />
+            <Route
+              path="accounts"
+              element={
+                <ProtectedRoute>
+                  <Accounts />
+                </ProtectedRoute>
+              }
+            />
             <Route
               path="account"
               element={

app/src/api/accounts.ts

@@ -0,0 +1,45 @@
+import { api } from './client';
+
+export type AccountType = 'CURRENT' | 'SAVINGS' | 'CREDIT' | 'INVESTMENT';
+
+export type Account = {
+  id: number;
+  user_id: number;
+  name: string;
+  type: AccountType;
+  balance: number;
+  currency: string;
+  is_default: boolean;
+  created_at: string;
+};
+
+export type AccountCreate = {
+  name: string;
+  type: AccountType;
+  balance?: number;
+  currency?: string;
+  is_default?: boolean;
+};
+
+export type AccountsOverview = {
+  total_balance: number;
+  currency: string;
+  accounts_count: number;
+  allocation: Array<{
+    type: AccountType;
+    balance: number;
+    share_pct: number;
+  }>;
+};
+
+export async function getAccounts(): Promise<Account[]> {
+  return api<Account[]>('/accounts');
+}
+
+export async function createAccount(payload: AccountCreate): Promise<Account> {
+  return api<Account>('/accounts', { method: 'POST', body: payload });
+}
+
+export async function getAccountsOverview(): Promise<AccountsOverview> {
+  return api<AccountsOverview>('/accounts/overview');
+}

app/src/components/layout/Navbar.tsx

@@ -13,6 +13,7 @@ const navigation = [
   { name: 'Reminders', href: '/reminders' },
   { name: 'Expenses', href: '/expenses' },
   { name: 'Analytics', href: '/analytics' },
+  { name: 'Accounts', href: '/accounts' },
 ];
 
 export function Navbar() {