Stage pill colors scale from light gray to dark blue

Stage 1 = bg-slate-100 (matches Flat status pill), each subsequent stage
gets a deeper blue. Shared helper in lib/stage-colors.ts used by both
the main dashboard and the account detail page.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

app/accounts/[id]/page.tsx

@@ -15,6 +15,7 @@ import {
     Dot,
 } from 'recharts';
 import type { FirmConfig, FirmState, AccountState, AccountConfig } from '@/types';
+import { stagePillClasses } from '@/lib/stage-colors';
 
 function getAccountConfig(name: string, firm: FirmConfig): AccountConfig | undefined {
     return [...firm.accounts]
@@ -381,7 +382,7 @@ export default function AccountPage() {
                             label={
                                 <span className="inline-flex items-center gap-1.5">
                                     Profit Target
-                                    <span className="inline-block px-1.5 py-0.5 rounded text-[10px] font-semibold bg-indigo-100 text-indigo-700">
+                                    <span className={`inline-block px-1.5 py-0.5 rounded text-[10px] font-semibold ${stagePillClasses(account.stage)}`}>
                                         Stage {account.stage}
                                     </span>
                                 </span>