Add complete game loop: training, revenue, market, offline catch-up

- Model training system: training jobs produce TrainedModels with
  calculated capabilities based on compute, data, and research
- Market system: organic API demand and consumer subscriptions now
  generate real revenue from deployed models
- Talent system: salary costs calculated from department headcount
- Toast notification system for game events (training complete, etc.)
- Offline catch-up: progress bar + summary screen when returning
- Market page: pricing controls for API and subscription products
- Finance page: income statement, cash charts, funding history
- Tick processor now runs all 7 systems in correct dependency order

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

apps/web/src/components/layout/MainLayout.tsx

@@ -1,10 +1,13 @@
 import { Sidebar } from './Sidebar';
 import { TopBar } from './TopBar';
+import { ToastContainer } from '@/components/common/ToastContainer';
 import { useGameStore } from '@/store';
 import { DashboardPage } from '@/pages/DashboardPage';
 import { InfrastructurePage } from '@/pages/InfrastructurePage';
 import { ModelsPage } from '@/pages/ModelsPage';
 import { SettingsPage } from '@/pages/SettingsPage';
+import { MarketPage } from '@/pages/MarketPage';
+import { FinancePage } from '@/pages/FinancePage';
 
 export function MainLayout() {
   const activePage = useGameStore((s) => s.activePage);
@@ -18,6 +21,7 @@ export function MainLayout() {
           <PageRouter page={activePage} />
         </main>
       </div>
+      <ToastContainer />
     </div>
   );
 }
@@ -27,6 +31,8 @@ function PageRouter({ page }: { page: string }) {
     case 'dashboard': return <DashboardPage />;
     case 'infrastructure': return <InfrastructurePage />;
     case 'models': return <ModelsPage />;
+    case 'market': return <MarketPage />;
+    case 'finance': return <FinancePage />;
     case 'settings': return <SettingsPage />;
     default: return <PlaceholderPage name={page} />;
   }