diff --git a/AGENTS.md b/AGENTS.md
index 06405ba..3e014d4 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -6,7 +6,7 @@
 
 ---
 
-# FamChore v2 — AI Agent Reference
+# FamDone v2 — AI Agent Reference
 
 ## Stack
 
diff --git a/ARCHITECTURE.md b/ARCHITECTURE.md
index a78b04e..ea1b8e6 100644
--- a/ARCHITECTURE.md
+++ b/ARCHITECTURE.md
@@ -1,4 +1,4 @@
-# FamChore v2 — Architecture & Developer Reference
+# FamDone v2 — Architecture & Developer Reference
 
 ## Overview
 
diff --git a/MEMORY.md b/MEMORY.md
index 5e41a49..00b6da6 100644
--- a/MEMORY.md
+++ b/MEMORY.md
@@ -1,4 +1,4 @@
-# FamChore v2 — Development Memory
+# FamDone v2 — Development Memory
 
 ## 2026-08-17 — Schema collapse to single source of truth (Option 1)
 
@@ -34,7 +34,7 @@
 ```
 
 ### Sidebar (collapsible to mini-mode)
-- Header: app name (FamChore)
+- Header: app name (FamDone)
 - Admin CTAs: Dashboard, Chores, Rewards (badge count), Bonuses
 - Member CTAs: Dashboard, Preferences
 - Footer: family name, Settings (admin only), Log out
diff --git a/RULES.md b/RULES.md
index 2510fa6..af6d5a1 100644
--- a/RULES.md
+++ b/RULES.md
@@ -1,4 +1,4 @@
-# FamChore v2 — Rules
+# FamDone v2 — Rules
 
 ## Auth
 - Every collection query includes `famId = @request.auth.famId` filter
diff --git a/TODO.md b/TODO.md
index e5a3c85..48b1ee3 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,4 +1,4 @@
-# FamChore — TODO
+# FamDone — TODO
 
 (Completed work is tracked in MEMORY.md / git history.)
 
diff --git a/frontend/icons/check-circle.svg b/frontend/icons/check-circle.svg
new file mode 100644
index 0000000..f2f4fd1
--- /dev/null
+++ b/frontend/icons/check-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
\ No newline at end of file
diff --git a/frontend/src/lib/components/AuthShell.svelte b/frontend/src/lib/components/AuthShell.svelte
index e687038..14b3e85 100644
--- a/frontend/src/lib/components/AuthShell.svelte
+++ b/frontend/src/lib/components/AuthShell.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
-	let { title, subtitle, children }: {
+	import FamDone from './FamDone.svelte';
+
+	let {
+		title,
+		subtitle,
+		children
+	}: {
 		title: string;
 		subtitle?: string;
 		children?: any;
@@ -7,7 +13,7 @@
 </script>
 
 <main class="auth">
-	<a class="brand" href="/">FamChore</a>
+	<a class="brand" href="/"><FamDone /></a>
 	<div class="card">
 		<h1>{title}</h1>
 		{#if subtitle}
@@ -26,7 +32,10 @@
 		justify-content: center;
 		padding: 2rem 1rem;
 		background: linear-gradient(135deg, #eef2ff 0%, #ffffff 55%, #eef2ff 100%);
-		font-family: system-ui, -apple-system, sans-serif;
+		font-family:
+			system-ui,
+			-apple-system,
+			sans-serif;
 		color: #1f2937;
 	}
 	.brand {
@@ -56,6 +65,8 @@
 		line-height: 1.5;
 	}
 	@media (max-width: 480px) {
-		.card { padding: 1.5rem; }
+		.card {
+			padding: 1.5rem;
+		}
 	}
 </style>
diff --git a/frontend/src/lib/components/FamDone.svelte b/frontend/src/lib/components/FamDone.svelte
new file mode 100644
index 0000000..04e5901
--- /dev/null
+++ b/frontend/src/lib/components/FamDone.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+	let { tag = 'span' }: { tag?: 'span' | 'h1' | 'h2' | 'h3' | 'a' | 'strong' | 'p' } = $props();
+</script>
+
+<svelte:element this={tag} class="fam-done">
+	FamDone<svg
+		class="fam-done-check"
+		xmlns="http://www.w3.org/2000/svg"
+		width="14"
+		height="14"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="#10b981"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /><polyline points="22 4 12 14.01 9 11.01" /></svg
+	></svelte:element
+>
+
+<style>
+	.fam-done {
+		font-weight: inherit;
+		color: inherit;
+	}
+	.fam-done-check {
+		vertical-align: super;
+		position: relative;
+		top: -0.3em;
+		margin-left: 1px;
+		display: inline-block;
+	}
+</style>
diff --git a/frontend/src/lib/components/Footer.svelte b/frontend/src/lib/components/Footer.svelte
index af932e7..5a570c4 100644
--- a/frontend/src/lib/components/Footer.svelte
+++ b/frontend/src/lib/components/Footer.svelte
@@ -1,5 +1,9 @@
+<script lang="ts">
+	import FamDone from './FamDone.svelte';
+</script>
+
 <footer class="app-footer">
-	<span class="footer-text">FamChore</span>
+	<span class="footer-text"><FamDone /></span>
 </footer>
 
 <style>
diff --git a/frontend/src/lib/components/Sidebar.svelte b/frontend/src/lib/components/Sidebar.svelte
index e7a75fb..b5f0a8a 100644
--- a/frontend/src/lib/components/Sidebar.svelte
+++ b/frontend/src/lib/components/Sidebar.svelte
@@ -10,6 +10,7 @@
 		logoutIcon,
 		prefsIcon
 	} from './icons';
+	import FamDone from './FamDone.svelte';
 
 	let { famName = '', session = null, isParent = false, role = 'child' } = $props();
 
@@ -53,7 +54,7 @@
 <aside class="sidebar">
 	<div class="sidebar-header">
 		<span class="app-icon">✦</span>
-		<span class="app-name">FamChore</span>
+		<span class="app-name"><FamDone /></span>
 	</div>
 
 	<nav class="sidebar-nav">
diff --git a/frontend/src/lib/components/index.ts b/frontend/src/lib/components/index.ts
index ee68227..69c0e97 100644
--- a/frontend/src/lib/components/index.ts
+++ b/frontend/src/lib/components/index.ts
@@ -1,4 +1,5 @@
 export { default as Sidebar } from './Sidebar.svelte';
+export { default as FamDone } from './FamDone.svelte';
 export { default as TopNav } from './TopNav.svelte';
 export { default as Footer } from './Footer.svelte';
 export { default as ViewHeader } from './ViewHeader.svelte';
diff --git a/frontend/src/lib/server/email.ts b/frontend/src/lib/server/email.ts
index 3ad9e56..8fe58e7 100644
--- a/frontend/src/lib/server/email.ts
+++ b/frontend/src/lib/server/email.ts
@@ -34,7 +34,7 @@ export async function sendParentInviteEmail(opts: {
 	await resend.emails.send({
 		from: 'no-reply@famchamp.ai',
 		to,
-		subject: `You're invited to ${famName} on FamChore`,
+		subject: `You're invited to ${famName} on FamDone`,
 		html: `
 			<p>You've been invited as a parent on <strong>${famName}</strong>.</p>
 			<p><a href="${inviteLink}">Click here to join</a> and set up your password.</p>
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 785fcc0..ab87dd5 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import Footer from '$lib/components/Footer.svelte';
+	import FamDone from '$lib/components/FamDone.svelte';
 	import { homeIcon, checkCircleIcon, chevronRightIcon } from '$lib/components/icons';
 	import { readShortcut, shortcutTarget, type Shortcut } from '$lib/shortcut';
 
@@ -13,7 +14,7 @@
 </script>
 
 <svelte:head>
-	<title>FamChore — Chores done. Allowance earned.</title>
+	<title>FamDone — Chores done. Allowance earned.</title>
 	<meta
 		name="description"
 		content="Turn family chores into points and pocket money. Assign chores, kids complete them, allowances are calculated automatically."
@@ -40,8 +41,8 @@
 				<span class="pill">For busy families</span>
 				<h1>Chores done. <span class="accent">Allowance earned.</span></h1>
 				<p class="lede">
-					FamChore turns everyday household chores into points and pocket money. Assign the chores,
-					let your kids see their progress live, and FamChore calculates the allowance automatically
+					<FamDone /> turns everyday household chores into points and pocket money. Assign the chores,
+					let your kids see their progress live, and <FamDone /> calculates the allowance automatically
 					— no spreadsheets, no nagging.
 				</p>
 				<ul class="hero-ticks">
diff --git a/frontend/src/routes/[fam]/+layout.svelte b/frontend/src/routes/[fam]/+layout.svelte
index e0a4f10..722427a 100644
--- a/frontend/src/routes/[fam]/+layout.svelte
+++ b/frontend/src/routes/[fam]/+layout.svelte
@@ -39,7 +39,7 @@
 		if (returnHandled || page.url.searchParams.get('checkout') !== 'return') return;
 		returnHandled = true;
 		if (!disabled) {
-			notices.success('Welcome to FamChore!', 'Your subscription is active.');
+			notices.success('Welcome to FamDone!', 'Your subscription is active.');
 			return;
 		}
 		startActivating();
@@ -195,7 +195,7 @@
 								<strong>Access paused</strong>
 								<span>
 									{isParent
-										? 'Add an access code or resume your subscription to keep using FamChore.'
+										? 'Add an access code or resume your subscription to keep using FamDone.'
 										: 'Your family access is paused.'}
 								</span>
 							{/if}
diff --git a/frontend/src/routes/admin/+page.svelte b/frontend/src/routes/admin/+page.svelte
index eb04d8f..c8cbd0a 100644
--- a/frontend/src/routes/admin/+page.svelte
+++ b/frontend/src/routes/admin/+page.svelte
@@ -3,6 +3,7 @@
 	import { goto, invalidateAll } from '$app/navigation';
 	import { page } from '$app/state';
 	import { ViewHeader, CardGrid, Card, Button } from '$lib/components';
+	import FamDone from '$lib/components/FamDone.svelte';
 	import TemplateIcon from '$lib/components/TemplateIcon.svelte';
 	import { ICON_NAMES, TEMPLATE_COLORS } from '$lib/templateIcons';
 	import Footer from '$lib/components/Footer.svelte';
@@ -82,7 +83,9 @@
 
 <div class="shell">
 	<header class="topbar">
-		<a class="brand" href="/"><span class="brand-icon">{@html homeIcon}</span> <strong>FamChore</strong></a>
+		<a class="brand" href="/"
+			><span class="brand-icon">{@html homeIcon}</span> <strong><FamDone /></strong></a
+		>
 		<nav>
 			{#if data.authenticated}
 				<form method="POST" action="?/logout" use:enhance>
@@ -95,461 +98,496 @@
 	</header>
 
 	<main>
-{#if !data.authenticated}
-		<div class="login-card">
-			<h1>Platform Admin</h1>
-			<p class="subtitle">Sign in to access the admin dashboard</p>
+		{#if !data.authenticated}
+			<div class="login-card">
+				<h1>Platform Admin</h1>
+				<p class="subtitle">Sign in to access the admin dashboard</p>
 
-			{#if form?.error}
-				<p class="error">{form.error}</p>
-			{/if}
-			{#if data.loadError}
-				<p class="error">Data load failed: {data.loadError}</p>
-			{/if}
+				{#if form?.error}
+					<p class="error">{form.error}</p>
+				{/if}
+				{#if data.loadError}
+					<p class="error">Data load failed: {data.loadError}</p>
+				{/if}
 
-			<!-- Native document POST (no JS enhancement): 303 → full page load.
+				<!-- Native document POST (no JS enhancement): 303 → full page load.
 			     Browsers reliably store Set-Cookie from navigations, which sidesteps
 			     fetch/HMR cookie weirdness entirely. -->
-			<form
-				method="POST"
-				action="?/login"
-				use:enhance={() => {
-					return async ({ result }) => {
-						// Handles both action shapes: current code throws a redirect;
-						// stale modules may return { success }. Either way, force the
-						// load to re-run with the freshly-set cookie.
-						if (result.type === 'success') {
-							await goto('/admin', { invalidateAll: true });
-						}
-					};
-				}}
-			>
-				<div class="form-group">
-					<label for="email">Email</label>
-					<input type="email" id="email" name="email" required />
-				</div>
-				<div class="form-group">
-					<label for="password">Password</label>
-					<input type="password" id="password" name="password" required />
-				</div>
-				<Button type="submit" variant="primary" size="lg">Sign In</Button>
-			</form>
-		</div>
-{:else}
-	<ViewHeader title="Platform Admin" subtitle="Families, access codes and platform settings" hero />
-
-	<CardGrid>
-		<Card cols={2} title="Overview" accent="#6366f1">
-			<div class="stats">
-				<div class="stat">
-					<span class="stat-value">{data.totalFams}</span>
-					<span class="stat-label">Families</span>
-				</div>
-				<div class="stat">
-					<span class="stat-value">{data.totalMembers}</span>
-					<span class="stat-label">Members</span>
-				</div>
-				<div class="stat">
-					<span class="stat-value">{data.totalChores}</span>
-					<span class="stat-label">Chores completed</span>
-				</div>
-				<div class="stat">
-					<span class="stat-value">{data.subCount}</span>
-					<span class="stat-label">Active subs</span>
-				</div>
-				<div class="stat">
-					<span class="stat-value">{data.gatedCount}</span>
-					<span class="stat-label">Paused / gated</span>
-				</div>
-				<div class="stat">
-					<span class="stat-value">{data.codeCount}</span>
-					<span class="stat-label">Active codes</span>
-				</div>
-			</div>
-		</Card>
-
-		<Card cols={1} title="Platform Flags" accent="#f59e0b">
-			<p class="hint">Global feature flags (public read-only for fams; toggled here).</p>
-			<div class="flag-row">
-				<span class="flag-name">debug</span>
-				<form method="POST" action="?/togglePlatformFlag" use:enhance>
-					<input type="hidden" name="flag" value="debug" />
-					<button type="submit" class="toggle-btn" class:active={page.data.platformFlags?.debug}>
-						{page.data.platformFlags?.debug ? 'ON' : 'OFF'}
-					</button>
-				</form>
-			</div>
-		</Card>
-	</CardGrid>
-
-	<CardGrid>
-		<Card cols={3} title="Access Codes" accent="#059669">
-			{#if form?.error}
-				<p class="error">{form.error}</p>
-			{/if}
-
-			<!-- Issue a code -->
-			<form method="POST" action="?/createCode" use:enhance class="code-form">
-				<div class="code-fields">
-					<label>Name <input name="name" placeholder="e.g. Launch promo" required /></label>
-					<label>Value <input name="value" placeholder="Blank = auto" class="mono" /></label>
-					<label>Duration (mo) <input name="duration" type="number" min="0" value="0" /></label>
-					<label>Expiry (mo) <input name="expiry" type="number" min="0" value="0" /></label>
-					<label>Trial days <input name="trialDays" type="number" min="0" value="0" /></label>
-				</div>
-				<div class="code-form-foot">
-					<span class="hint">
-						Duration 0 = continuous. Trial days &gt; 0 makes it a Stripe trial code instead of
-						platform access.
-					</span>
-					<Button type="submit" variant="primary" size="sm">Issue code</Button>
-				</div>
-			</form>
-
-			<div class="table-wrap">
-			<table class="fam-table code-table">
-				<thead>
-					<tr>
-						<th>Code</th>
-						<th>Name</th>
-						<th>Type</th>
-						<th>Status</th>
-						<th>Used by</th>
-						<th class="th-actions">Actions</th>
-					</tr>
-				</thead>
-				<tbody>
-					{#each data.codes as c}
-						<tr class:inactive={!c.active}>
-							<td data-label="Code">
-								<button class="code-value" onclick={() => copy(c.value)} title="Copy"
-									>{c.value}</button
-								>
-								{#if copied === c.value}<span class="copied">copied!</span>{/if}
-							</td>
-							<td data-label="Name">{c.name}</td>
-							<td data-label="Type">
-								{#if c.trialDays}
-									<span class="badge trial">{c.trialDays}-day trial</span>
-								{:else if c.duration}
-									<span class="badge dur">{c.duration} mo</span>
-								{:else}
-									<span class="badge cont">continuous</span>
-								{/if}
-							</td>
-							<td data-label="Status">
-								<span class="badge {c.active ? 'on' : 'off'}"
-									>{c.active ? 'active' : 'disabled'}</span
-								>
-							</td>
-							<td data-label="Used by">
-								{#if c.usedBy.length}
-									<span class="used-by" title={c.usedBy.join(', ')}
-										>{c.usedBy.length} fam{c.usedBy.length > 1 ? 's' : ''}</span
-									>
-								{:else}
-									<span class="muted">—</span>
-								{/if}
-							</td>
-							<td class="row-actions" data-label="Actions">
-								<form method="POST" action="?/toggleCode" use:enhance>
-									<input type="hidden" name="id" value={c.id} />
-									<button type="submit" class="link-btn">{c.active ? 'Disable' : 'Enable'}</button>
-								</form>
-								{#if !c.usedBy.length}
-									<form method="POST" action="?/deleteCode" use:enhance>
-										<input type="hidden" name="id" value={c.id} />
-										<button type="submit" class="link-btn danger">Delete</button>
-									</form>
-								{/if}
-							</td>
-						</tr>
-					{:else}
-						<tr><td colspan="6" class="muted">No codes yet — issue one above.</td></tr>
-					{/each}
-				</tbody>
-			</table>
-			</div>
-		</Card>
-	</CardGrid>
-
-	<CardGrid>
-		<Card cols={3} title="Families" accent="#6366f1">
-			<div class="table-wrap">
-			<table class="fam-table">
-				<thead>
-					<tr>
-						<th>Name</th>
-						<th>Parent</th>
-						<th>Members</th>
-						<th>Plan</th>
-						<th>Claims</th>
-						<th class="th-actions">Actions</th>
-					</tr>
-				</thead>
-				<tbody>
-					{#each data.fams as fam}
-						<tr>
-							<td data-label="Name">
-								<a href="/{fam.slug}" class="fam-link">{fam.name}</a>
-								<span class="slug">/{fam.slug}</span>
-							</td>
-							<td data-label="Parent">{fam.parentEmail || '—'}</td>
-							<td data-label="Members">{fam.memberCount}</td>
-							<td data-label="Plan">
-								<span class="badge {fam.paymentMode === 'sub' ? 'on' : fam.active ? 'dur' : 'off'}">
-									{modeLabel[fam.paymentMode] || fam.paymentMode}{fam.active ? '' : ' · paused'}
-								</span>
-							</td>
-							<td data-label="Claims">
-								{#if fam.requestedRewards > 0}
-									<span class="badge pending">{fam.requestedRewards} pending</span>
-								{:else}
-									<span class="badge none">None</span>
-								{/if}
-							</td>
-							<td class="row-actions" data-label="Actions"><a href="/{fam.slug}" class="link">View {@html chevronRightIcon}</a></td>
-						</tr>
-					{/each}
-				</tbody>
-			</table>
-		</Card>
-	</CardGrid>
-
-	<CardGrid>
-		<Card cols={2} title="Chore Templates" accent="#2563eb">
-			<div class="tpl-grid">
-				{#each (data.choreTemplates || []) as t}
-					<div class="tpl-card" style="border-left-color:{t.color}">
-						<div class="tpl-head">
-							<TemplateIcon name={t.icon} size={20} color={t.color} />
-							<strong>{t.name}</strong>
-						</div>
-						<div class="tpl-meta">
-							<span class="badge chore">{t.defaultFrequency}</span>
-							<span class="badge">{t.defaultType}</span>
-						</div>
-						<div class="tpl-actions">
-							<button class="link-btn" onclick={() => openEditTpl('chore', t)}>Edit</button>
-							<form
-								method="POST"
-								action="?/deleteTemplate"
-								use:enhance={() => {
-									return async ({ update }) => {
-										update();
-									};
-								}}
-							>
-								<input type="hidden" name="kind" value="chore" />
-								<input type="hidden" name="id" value={t.id} />
-								<button
-									type="submit"
-									class="link-btn danger"
-									onclick={(e) => {
-										if (!confirm('Delete this template?')) e.preventDefault();
-									}}>Delete</button
-								>
-							</form>
-						</div>
-					</div>
-				{/each}
-				{#if (data.choreTemplates || []).length === 0}
-					<p class="muted">No chore templates yet.</p>
-				{/if}
-			</div>
-			<div class="tpl-new">
-				<Button onclick={() => openNewTpl('chore')}>+ Chore template</Button>
-			</div>
-		</Card>
-
-		<Card cols={1} title="Reward Templates" accent="#8b5cf6">
-			<div class="tpl-grid">
-				{#each (data.bonusTemplates || []) as t}
-					<div class="tpl-card" style="border-left-color:{t.color}">
-						<div class="tpl-head">
-							<TemplateIcon name={t.icon} size={20} color={t.color} />
-							<strong>{t.name}</strong>
-						</div>
-						<div class="tpl-meta">
-							<span class="badge reward">{t.type}</span>
-							<span class="badge">{t.rewardType}</span>
-							{#if t.isPocketMoney}<span class="badge pocket">Pocket Money</span>{/if}
-						</div>
-						<div class="tpl-actions">
-							<button class="link-btn" onclick={() => openEditTpl('reward', t)}>Edit</button>
-							<form
-								method="POST"
-								action="?/deleteTemplate"
-								use:enhance={() => {
-									return async ({ update }) => {
-										update();
-									};
-								}}
-							>
-								<input type="hidden" name="kind" value="reward" />
-								<input type="hidden" name="id" value={t.id} />
-								<button
-									type="submit"
-									class="link-btn danger"
-									onclick={(e) => {
-										if (!confirm('Delete this template?')) e.preventDefault();
-									}}>Delete</button
-								>
-							</form>
-						</div>
-					</div>
-				{/each}
-				{#if (data.bonusTemplates || []).length === 0}
-					<p class="muted">No reward templates yet.</p>
-				{/if}
-			</div>
-			<div class="tpl-new">
-				<Button onclick={() => openNewTpl('reward')}>+ Reward template</Button>
-			</div>
-		</Card>
-	</CardGrid>
-
-	{#if showTplModal}
-		<div class="overlay" onclick={() => (showTplModal = false)} role="presentation">
-			<div class="modal" onclick={(e) => e.stopPropagation()} role="dialog">
-				<h3>{editingTpl ? 'Edit' : 'New'} {tplType} template</h3>
 				<form
 					method="POST"
-					action={editingTpl ? '?/updateTemplate' : '?/createTemplate'}
+					action="?/login"
 					use:enhance={() => {
-						return async ({ result, update }) => {
-							if (result.type === 'success') showTplModal = false;
-							update();
+						return async ({ result }) => {
+							// Handles both action shapes: current code throws a redirect;
+							// stale modules may return { success }. Either way, force the
+							// load to re-run with the freshly-set cookie.
+							if (result.type === 'success') {
+								await goto('/admin', { invalidateAll: true });
+							}
 						};
 					}}
 				>
-					{#if editingTpl}
-						<input type="hidden" name="kind" value={editingTpl.kind} />
-						<input type="hidden" name="id" value={editingTpl.id} />
-					{/if}
-					<input type="hidden" name="type" value={tplType} />
-					<label>Name <input name="name" bind:value={tplVals.name} required /></label>
-					<label>Description <input name="description" bind:value={tplVals.description} /></label>
-					<div class="row">
-						<label>
-							Icon
-							<select name="icon" bind:value={tplVals.icon}>
-								{#each ICON_NAMES as n}<option value={n}>{n}</option>{/each}
-							</select>
-						</label>
-						<span class="icon-preview"><TemplateIcon name={tplVals.icon} size={22} color={tplVals.color} /></span>
-						<div class="color-field">
-							Colour
-							<div class="color-swatches">
-								{#each TEMPLATE_COLORS as c}
-									<button
-										type="button"
-										class="swatch"
-										class:selected={tplVals.color === c.value}
-										style="background:{c.value || 'transparent'}; border-color:{c.chromatic ===
-										'transparent'
-											? '#e5e7eb'
-											: c.value}"
-										title={c.label}
-										onclick={() => (tplVals.color = c.value)}></button>
-								{/each}
-							</div>
-							<input type="hidden" name="color" value={tplVals.color} />
-						</div>
+					<div class="form-group">
+						<label for="email">Email</label>
+						<input type="email" id="email" name="email" required />
 					</div>
-
-					{#if tplType === 'chore'}
-						<label>
-							Frequency
-							<select name="defaultFrequency" bind:value={tplVals.defaultFrequency}>
-								<option value="daily">Daily</option>
-								<option value="weekly">Weekly</option>
-							</select>
-						</label>
-						<label>
-							Type
-							<select name="defaultType" bind:value={tplVals.defaultType}>
-								<option value="points">Points</option>
-								<option value="money">Money</option>
-							</select>
-						</label>
-						<label>
-							Default Value
-							<input type="number" step="any" name="defaultValue" bind:value={tplVals.defaultValue} />
-						</label>
-					{:else}
-						<label>
-							Target
-							<select name="target" bind:value={tplVals.target}>
-								<option value="individual">Individual</option>
-								<option value="competitive">Competition</option>
-								<option value="collaborative">Collaborative</option>
-							</select>
-						</label>
-						<label>
-							Type
-							<select name="bonusType" bind:value={tplVals.bonusType}>
-								<option value="threshold">Threshold</option>
-								<option value="count">Count</option>
-								<option value="manual">Manual</option>
-							</select>
-						</label>
-						{#if tplVals.bonusType === 'threshold'}
-							<label>
-								Threshold by
-								<select name="thresholdType" bind:value={tplVals.thresholdType}>
-									<option value="points">Points</option>
-									<option value="percent">% of chores done</option>
-								</select>
-							</label>
-						{/if}
-						<label>
-							Occurrence
-							<select name="occurrence" bind:value={tplVals.occurrence}>
-								<option value="recurring">Recurring</option>
-								<option value="once">Once</option>
-							</select>
-						</label>
-						<label>
-							Reward Type
-							<select name="rewardType" bind:value={tplVals.rewardType}>
-								<option value="points">Points</option>
-								<option value="cash">Cash</option>
-								<option value="prize">Prize</option>
-							</select>
-						</label>
-						<label>
-							Reward Value
-							<input name="rewardValue" bind:value={tplVals.rewardValue} />
-						</label>
-						<label>
-							Target Value
-							<input type="number" name="criteriaValue" bind:value={tplVals.criteriaValue} />
-						</label>
-						<label>
-							Period
-							<select name="period" bind:value={tplVals.period}>
-								<option value="daily">Daily</option>
-								<option value="weekly">Weekly</option>
-								<option value="monthly">Monthly</option>
-							</select>
-						</label>
-						<label class="check">
-							<input type="checkbox" name="isPocketMoney" value="true" bind:checked={tplVals.isPocketMoney} />
-							Pocket Money
-						</label>
-					{/if}
-
-					<div class="modal-actions">
-						<button type="button" onclick={() => (showTplModal = false)}>Cancel</button>
-						<button type="submit">{editingTpl ? 'Save' : 'Create'}</button>
+					<div class="form-group">
+						<label for="password">Password</label>
+						<input type="password" id="password" name="password" required />
 					</div>
+					<Button type="submit" variant="primary" size="lg">Sign In</Button>
 				</form>
 			</div>
-		</div>
-	{/if}
+		{:else}
+			<ViewHeader
+				title="Platform Admin"
+				subtitle="Families, access codes and platform settings"
+				hero
+			/>
 
-{/if}
+			<CardGrid>
+				<Card cols={2} title="Overview" accent="#6366f1">
+					<div class="stats">
+						<div class="stat">
+							<span class="stat-value">{data.totalFams}</span>
+							<span class="stat-label">Families</span>
+						</div>
+						<div class="stat">
+							<span class="stat-value">{data.totalMembers}</span>
+							<span class="stat-label">Members</span>
+						</div>
+						<div class="stat">
+							<span class="stat-value">{data.totalChores}</span>
+							<span class="stat-label">Chores completed</span>
+						</div>
+						<div class="stat">
+							<span class="stat-value">{data.subCount}</span>
+							<span class="stat-label">Active subs</span>
+						</div>
+						<div class="stat">
+							<span class="stat-value">{data.gatedCount}</span>
+							<span class="stat-label">Paused / gated</span>
+						</div>
+						<div class="stat">
+							<span class="stat-value">{data.codeCount}</span>
+							<span class="stat-label">Active codes</span>
+						</div>
+					</div>
+				</Card>
+
+				<Card cols={1} title="Platform Flags" accent="#f59e0b">
+					<p class="hint">Global feature flags (public read-only for fams; toggled here).</p>
+					<div class="flag-row">
+						<span class="flag-name">debug</span>
+						<form method="POST" action="?/togglePlatformFlag" use:enhance>
+							<input type="hidden" name="flag" value="debug" />
+							<button
+								type="submit"
+								class="toggle-btn"
+								class:active={page.data.platformFlags?.debug}
+							>
+								{page.data.platformFlags?.debug ? 'ON' : 'OFF'}
+							</button>
+						</form>
+					</div>
+				</Card>
+			</CardGrid>
+
+			<CardGrid>
+				<Card cols={3} title="Access Codes" accent="#059669">
+					{#if form?.error}
+						<p class="error">{form.error}</p>
+					{/if}
+
+					<!-- Issue a code -->
+					<form method="POST" action="?/createCode" use:enhance class="code-form">
+						<div class="code-fields">
+							<label>Name <input name="name" placeholder="e.g. Launch promo" required /></label>
+							<label>Value <input name="value" placeholder="Blank = auto" class="mono" /></label>
+							<label>Duration (mo) <input name="duration" type="number" min="0" value="0" /></label>
+							<label>Expiry (mo) <input name="expiry" type="number" min="0" value="0" /></label>
+							<label>Trial days <input name="trialDays" type="number" min="0" value="0" /></label>
+						</div>
+						<div class="code-form-foot">
+							<span class="hint">
+								Duration 0 = continuous. Trial days &gt; 0 makes it a Stripe trial code instead of
+								platform access.
+							</span>
+							<Button type="submit" variant="primary" size="sm">Issue code</Button>
+						</div>
+					</form>
+
+					<div class="table-wrap">
+						<table class="fam-table code-table">
+							<thead>
+								<tr>
+									<th>Code</th>
+									<th>Name</th>
+									<th>Type</th>
+									<th>Status</th>
+									<th>Used by</th>
+									<th class="th-actions">Actions</th>
+								</tr>
+							</thead>
+							<tbody>
+								{#each data.codes as c}
+									<tr class:inactive={!c.active}>
+										<td data-label="Code">
+											<button class="code-value" onclick={() => copy(c.value)} title="Copy"
+												>{c.value}</button
+											>
+											{#if copied === c.value}<span class="copied">copied!</span>{/if}
+										</td>
+										<td data-label="Name">{c.name}</td>
+										<td data-label="Type">
+											{#if c.trialDays}
+												<span class="badge trial">{c.trialDays}-day trial</span>
+											{:else if c.duration}
+												<span class="badge dur">{c.duration} mo</span>
+											{:else}
+												<span class="badge cont">continuous</span>
+											{/if}
+										</td>
+										<td data-label="Status">
+											<span class="badge {c.active ? 'on' : 'off'}"
+												>{c.active ? 'active' : 'disabled'}</span
+											>
+										</td>
+										<td data-label="Used by">
+											{#if c.usedBy.length}
+												<span class="used-by" title={c.usedBy.join(', ')}
+													>{c.usedBy.length} fam{c.usedBy.length > 1 ? 's' : ''}</span
+												>
+											{:else}
+												<span class="muted">—</span>
+											{/if}
+										</td>
+										<td class="row-actions" data-label="Actions">
+											<form method="POST" action="?/toggleCode" use:enhance>
+												<input type="hidden" name="id" value={c.id} />
+												<button type="submit" class="link-btn"
+													>{c.active ? 'Disable' : 'Enable'}</button
+												>
+											</form>
+											{#if !c.usedBy.length}
+												<form method="POST" action="?/deleteCode" use:enhance>
+													<input type="hidden" name="id" value={c.id} />
+													<button type="submit" class="link-btn danger">Delete</button>
+												</form>
+											{/if}
+										</td>
+									</tr>
+								{:else}
+									<tr><td colspan="6" class="muted">No codes yet — issue one above.</td></tr>
+								{/each}
+							</tbody>
+						</table>
+					</div>
+				</Card>
+			</CardGrid>
+
+			<CardGrid>
+				<Card cols={3} title="Families" accent="#6366f1">
+					<div class="table-wrap">
+						<table class="fam-table">
+							<thead>
+								<tr>
+									<th>Name</th>
+									<th>Parent</th>
+									<th>Members</th>
+									<th>Plan</th>
+									<th>Claims</th>
+									<th class="th-actions">Actions</th>
+								</tr>
+							</thead>
+							<tbody>
+								{#each data.fams as fam}
+									<tr>
+										<td data-label="Name">
+											<a href="/{fam.slug}" class="fam-link">{fam.name}</a>
+											<span class="slug">/{fam.slug}</span>
+										</td>
+										<td data-label="Parent">{fam.parentEmail || '—'}</td>
+										<td data-label="Members">{fam.memberCount}</td>
+										<td data-label="Plan">
+											<span
+												class="badge {fam.paymentMode === 'sub'
+													? 'on'
+													: fam.active
+														? 'dur'
+														: 'off'}"
+											>
+												{modeLabel[fam.paymentMode] || fam.paymentMode}{fam.active
+													? ''
+													: ' · paused'}
+											</span>
+										</td>
+										<td data-label="Claims">
+											{#if fam.requestedRewards > 0}
+												<span class="badge pending">{fam.requestedRewards} pending</span>
+											{:else}
+												<span class="badge none">None</span>
+											{/if}
+										</td>
+										<td class="row-actions" data-label="Actions"
+											><a href="/{fam.slug}" class="link">View {@html chevronRightIcon}</a></td
+										>
+									</tr>
+								{/each}
+							</tbody>
+						</table>
+					</div></Card
+				>
+			</CardGrid>
+
+			<CardGrid>
+				<Card cols={2} title="Chore Templates" accent="#2563eb">
+					<div class="tpl-grid">
+						{#each data.choreTemplates || [] as t}
+							<div class="tpl-card" style="border-left-color:{t.color}">
+								<div class="tpl-head">
+									<TemplateIcon name={t.icon} size={20} color={t.color} />
+									<strong>{t.name}</strong>
+								</div>
+								<div class="tpl-meta">
+									<span class="badge chore">{t.defaultFrequency}</span>
+									<span class="badge">{t.defaultType}</span>
+								</div>
+								<div class="tpl-actions">
+									<button class="link-btn" onclick={() => openEditTpl('chore', t)}>Edit</button>
+									<form
+										method="POST"
+										action="?/deleteTemplate"
+										use:enhance={() => {
+											return async ({ update }) => {
+												update();
+											};
+										}}
+									>
+										<input type="hidden" name="kind" value="chore" />
+										<input type="hidden" name="id" value={t.id} />
+										<button
+											type="submit"
+											class="link-btn danger"
+											onclick={(e) => {
+												if (!confirm('Delete this template?')) e.preventDefault();
+											}}>Delete</button
+										>
+									</form>
+								</div>
+							</div>
+						{/each}
+						{#if (data.choreTemplates || []).length === 0}
+							<p class="muted">No chore templates yet.</p>
+						{/if}
+					</div>
+					<div class="tpl-new">
+						<Button onclick={() => openNewTpl('chore')}>+ Chore template</Button>
+					</div>
+				</Card>
+
+				<Card cols={1} title="Reward Templates" accent="#8b5cf6">
+					<div class="tpl-grid">
+						{#each data.bonusTemplates || [] as t}
+							<div class="tpl-card" style="border-left-color:{t.color}">
+								<div class="tpl-head">
+									<TemplateIcon name={t.icon} size={20} color={t.color} />
+									<strong>{t.name}</strong>
+								</div>
+								<div class="tpl-meta">
+									<span class="badge reward">{t.type}</span>
+									<span class="badge">{t.rewardType}</span>
+									{#if t.isPocketMoney}<span class="badge pocket">Pocket Money</span>{/if}
+								</div>
+								<div class="tpl-actions">
+									<button class="link-btn" onclick={() => openEditTpl('reward', t)}>Edit</button>
+									<form
+										method="POST"
+										action="?/deleteTemplate"
+										use:enhance={() => {
+											return async ({ update }) => {
+												update();
+											};
+										}}
+									>
+										<input type="hidden" name="kind" value="reward" />
+										<input type="hidden" name="id" value={t.id} />
+										<button
+											type="submit"
+											class="link-btn danger"
+											onclick={(e) => {
+												if (!confirm('Delete this template?')) e.preventDefault();
+											}}>Delete</button
+										>
+									</form>
+								</div>
+							</div>
+						{/each}
+						{#if (data.bonusTemplates || []).length === 0}
+							<p class="muted">No reward templates yet.</p>
+						{/if}
+					</div>
+					<div class="tpl-new">
+						<Button onclick={() => openNewTpl('reward')}>+ Reward template</Button>
+					</div>
+				</Card>
+			</CardGrid>
+
+			{#if showTplModal}
+				<div class="overlay" onclick={() => (showTplModal = false)} role="presentation">
+					<div class="modal" onclick={(e) => e.stopPropagation()} role="dialog">
+						<h3>{editingTpl ? 'Edit' : 'New'} {tplType} template</h3>
+						<form
+							method="POST"
+							action={editingTpl ? '?/updateTemplate' : '?/createTemplate'}
+							use:enhance={() => {
+								return async ({ result, update }) => {
+									if (result.type === 'success') showTplModal = false;
+									update();
+								};
+							}}
+						>
+							{#if editingTpl}
+								<input type="hidden" name="kind" value={editingTpl.kind} />
+								<input type="hidden" name="id" value={editingTpl.id} />
+							{/if}
+							<input type="hidden" name="type" value={tplType} />
+							<label>Name <input name="name" bind:value={tplVals.name} required /></label>
+							<label
+								>Description <input name="description" bind:value={tplVals.description} /></label
+							>
+							<div class="row">
+								<label>
+									Icon
+									<select name="icon" bind:value={tplVals.icon}>
+										{#each ICON_NAMES as n}<option value={n}>{n}</option>{/each}
+									</select>
+								</label>
+								<span class="icon-preview"
+									><TemplateIcon name={tplVals.icon} size={22} color={tplVals.color} /></span
+								>
+								<div class="color-field">
+									Colour
+									<div class="color-swatches">
+										{#each TEMPLATE_COLORS as c}
+											<button
+												type="button"
+												class="swatch"
+												class:selected={tplVals.color === c.value}
+												style="background:{c.value || 'transparent'}; border-color:{c.chromatic ===
+												'transparent'
+													? '#e5e7eb'
+													: c.value}"
+												title={c.label}
+												onclick={() => (tplVals.color = c.value)}
+											></button>
+										{/each}
+									</div>
+									<input type="hidden" name="color" value={tplVals.color} />
+								</div>
+							</div>
+
+							{#if tplType === 'chore'}
+								<label>
+									Frequency
+									<select name="defaultFrequency" bind:value={tplVals.defaultFrequency}>
+										<option value="daily">Daily</option>
+										<option value="weekly">Weekly</option>
+									</select>
+								</label>
+								<label>
+									Type
+									<select name="defaultType" bind:value={tplVals.defaultType}>
+										<option value="points">Points</option>
+										<option value="money">Money</option>
+									</select>
+								</label>
+								<label>
+									Default Value
+									<input
+										type="number"
+										step="any"
+										name="defaultValue"
+										bind:value={tplVals.defaultValue}
+									/>
+								</label>
+							{:else}
+								<label>
+									Target
+									<select name="target" bind:value={tplVals.target}>
+										<option value="individual">Individual</option>
+										<option value="competitive">Competition</option>
+										<option value="collaborative">Collaborative</option>
+									</select>
+								</label>
+								<label>
+									Type
+									<select name="bonusType" bind:value={tplVals.bonusType}>
+										<option value="threshold">Threshold</option>
+										<option value="count">Count</option>
+										<option value="manual">Manual</option>
+									</select>
+								</label>
+								{#if tplVals.bonusType === 'threshold'}
+									<label>
+										Threshold by
+										<select name="thresholdType" bind:value={tplVals.thresholdType}>
+											<option value="points">Points</option>
+											<option value="percent">% of chores done</option>
+										</select>
+									</label>
+								{/if}
+								<label>
+									Occurrence
+									<select name="occurrence" bind:value={tplVals.occurrence}>
+										<option value="recurring">Recurring</option>
+										<option value="once">Once</option>
+									</select>
+								</label>
+								<label>
+									Reward Type
+									<select name="rewardType" bind:value={tplVals.rewardType}>
+										<option value="points">Points</option>
+										<option value="cash">Cash</option>
+										<option value="prize">Prize</option>
+									</select>
+								</label>
+								<label>
+									Reward Value
+									<input name="rewardValue" bind:value={tplVals.rewardValue} />
+								</label>
+								<label>
+									Target Value
+									<input type="number" name="criteriaValue" bind:value={tplVals.criteriaValue} />
+								</label>
+								<label>
+									Period
+									<select name="period" bind:value={tplVals.period}>
+										<option value="daily">Daily</option>
+										<option value="weekly">Weekly</option>
+										<option value="monthly">Monthly</option>
+									</select>
+								</label>
+								<label class="check">
+									<input
+										type="checkbox"
+										name="isPocketMoney"
+										value="true"
+										bind:checked={tplVals.isPocketMoney}
+									/>
+									Pocket Money
+								</label>
+							{/if}
+
+							<div class="modal-actions">
+								<button type="button" onclick={() => (showTplModal = false)}>Cancel</button>
+								<button type="submit">{editingTpl ? 'Save' : 'Create'}</button>
+							</div>
+						</form>
+					</div>
+				</div>
+			{/if}
+		{/if}
 	</main>
 
 	<Footer />
@@ -560,9 +598,7 @@
 		min-height: 100vh;
 		display: grid;
 		grid-template-rows: auto 1fr auto;
-		background:
-			radial-gradient(60rem 30rem at 50% -10rem, #eef2ff 0%, transparent 65%),
-			#fafafa;
+		background: radial-gradient(60rem 30rem at 50% -10rem, #eef2ff 0%, transparent 65%), #fafafa;
 	}
 	.topbar {
 		display: flex;
@@ -581,7 +617,11 @@
 		color: #111827;
 		text-decoration: none;
 	}
-	.topbar nav { display: flex; align-items: center; gap: 1rem; }
+	.topbar nav {
+		display: flex;
+		align-items: center;
+		gap: 1rem;
+	}
 	.nav-link {
 		font-size: 0.9rem;
 		color: #4b5563;
@@ -594,7 +634,9 @@
 		padding: 0;
 		font-weight: 500;
 	}
-	.link-btn-nav:hover { color: #111827; }
+	.link-btn-nav:hover {
+		color: #111827;
+	}
 
 	main {
 		display: flex;
@@ -608,8 +650,12 @@
 		margin: 0 auto;
 	}
 	main :global(.card-grid),
-	main :global(.hero) { width: 100%; }
-	.head { text-align: center; }
+	main :global(.hero) {
+		width: 100%;
+	}
+	.head {
+		text-align: center;
+	}
 	.head h1 {
 		margin: 0 0 0.35rem;
 		font-size: clamp(1.5rem, 3vw, 2rem);
@@ -775,10 +821,18 @@
 		vertical-align: middle;
 		color: #374151;
 	}
-	.fam-table tbody tr:last-child td { border-bottom: none; }
-	.fam-table tbody tr { transition: background 0.12s ease; }
-	.fam-table tbody tr:hover { background: #f8faff; }
-	.th-actions { text-align: right; }
+	.fam-table tbody tr:last-child td {
+		border-bottom: none;
+	}
+	.fam-table tbody tr {
+		transition: background 0.12s ease;
+	}
+	.fam-table tbody tr:hover {
+		background: #f8faff;
+	}
+	.th-actions {
+		text-align: right;
+	}
 
 	.code-value {
 		font-family: ui-monospace, monospace;
@@ -894,7 +948,9 @@
 		font-weight: 600;
 		text-decoration: none;
 	}
-	.fam-link:hover { color: #4338ca; }
+	.fam-link:hover {
+		color: #4338ca;
+	}
 	.link {
 		color: #4338ca;
 		font-weight: 500;
@@ -919,7 +975,11 @@
 
 	/* ── Responsive: stack rows into cards with labels ── */
 	@media (max-width: 720px) {
-		.table-wrap { border: none; overflow: visible; background: transparent; }
+		.table-wrap {
+			border: none;
+			overflow: visible;
+			background: transparent;
+		}
 		.fam-table,
 		.fam-table tbody,
 		.fam-table tr,
@@ -927,7 +987,9 @@
 			display: block;
 			width: 100%;
 		}
-		.fam-table thead { display: none; }
+		.fam-table thead {
+			display: none;
+		}
 		.fam-table tbody tr {
 			background: #fff;
 			border: 1px solid #e5e7eb;
@@ -954,7 +1016,9 @@
 			text-align: left;
 			flex-shrink: 0;
 		}
-		.fam-table tbody td:empty { display: none; }
+		.fam-table tbody td:empty {
+			display: none;
+		}
 		.row-actions {
 			justify-content: flex-end !important;
 			border-bottom: none !important;
@@ -983,11 +1047,30 @@
 		gap: 0.5rem;
 		margin-bottom: 0.35rem;
 	}
-	.tpl-head strong { font-size: 0.9rem; }
-	.tpl-meta { display: flex; gap: 0.3rem; flex-wrap: wrap; margin-bottom: 0.4rem; }
-	.tpl-actions { display: flex; gap: 0.75rem; }
-	.tpl-new { display: flex; gap: 0.6rem; margin-top: 0.5rem; }
-	.row { display: flex; align-items: flex-end; gap: 0.75rem; flex-wrap: wrap; }
+	.tpl-head strong {
+		font-size: 0.9rem;
+	}
+	.tpl-meta {
+		display: flex;
+		gap: 0.3rem;
+		flex-wrap: wrap;
+		margin-bottom: 0.4rem;
+	}
+	.tpl-actions {
+		display: flex;
+		gap: 0.75rem;
+	}
+	.tpl-new {
+		display: flex;
+		gap: 0.6rem;
+		margin-top: 0.5rem;
+	}
+	.row {
+		display: flex;
+		align-items: flex-end;
+		gap: 0.75rem;
+		flex-wrap: wrap;
+	}
 	.color-field {
 		display: flex;
 		flex-direction: column;
@@ -996,7 +1079,11 @@
 		font-weight: 600;
 		color: #6b7280;
 	}
-	.color-swatches { display: flex; flex-wrap: wrap; gap: 0.4rem; }
+	.color-swatches {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.4rem;
+	}
 	.swatch {
 		width: 26px;
 		height: 26px;
@@ -1006,7 +1093,10 @@
 		padding: 0;
 		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
 	}
-	.swatch.selected { outline: 2px solid #111827; outline-offset: 1px; }
+	.swatch.selected {
+		outline: 2px solid #111827;
+		outline-offset: 1px;
+	}
 	.icon-preview {
 		display: inline-flex;
 		align-items: center;
@@ -1016,10 +1106,23 @@
 		border: 1px solid #e5e7eb;
 		border-radius: 8px;
 	}
-	.badge.chore { background: #dbeafe; color: #1e40af; }
-	.badge.reward { background: #ede9fe; color: #6d28d9; }
-	.badge.pocket { background: #dcfce7; color: #166534; }
-	.check { display: flex; align-items: center; gap: 0.4rem; }
+	.badge.chore {
+		background: #dbeafe;
+		color: #1e40af;
+	}
+	.badge.reward {
+		background: #ede9fe;
+		color: #6d28d9;
+	}
+	.badge.pocket {
+		background: #dcfce7;
+		color: #166534;
+	}
+	.check {
+		display: flex;
+		align-items: center;
+		gap: 0.4rem;
+	}
 
 	/* ── Modal (shared) ── */
 	.overlay {
@@ -1041,7 +1144,9 @@
 		overflow: auto;
 		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
 	}
-	.modal h3 { margin: 0 0 0.75rem; }
+	.modal h3 {
+		margin: 0 0 0.75rem;
+	}
 	.modal label {
 		display: block;
 		margin-bottom: 0.6rem;
@@ -1072,6 +1177,12 @@
 		cursor: pointer;
 		font-size: 0.9rem;
 	}
-	.modal-actions button[type='button'] { background: #e5e7eb; color: #374151; }
-	.modal-actions button[type='submit'] { background: #6366f1; color: #fff; }
+	.modal-actions button[type='button'] {
+		background: #e5e7eb;
+		color: #374151;
+	}
+	.modal-actions button[type='submit'] {
+		background: #6366f1;
+		color: #fff;
+	}
 </style>
diff --git a/frontend/src/routes/api/email/+server.ts b/frontend/src/routes/api/email/+server.ts
index d352950..d09e02c 100644
--- a/frontend/src/routes/api/email/+server.ts
+++ b/frontend/src/routes/api/email/+server.ts
@@ -45,9 +45,9 @@ export async function POST({ request, url }) {
 		await resend.emails.send({
 			from: 'no-reply@famchamp.ai',
 			to: email,
-			subject: 'Reset your FamChore password',
+			subject: 'Reset your FamDone password',
 			html: `
-				<p>You requested a password reset for your FamChore account.</p>
+				<p>You requested a password reset for your FamDone account.</p>
 				<p><a href="${resetUrl}">Click here to reset your password</a></p>
 				<p>This link expires in 1 hour.</p>
 				<p>If you didn't request this, you can ignore this email.</p>
diff --git a/frontend/src/routes/login/+page.svelte b/frontend/src/routes/login/+page.svelte
index 1d09042..272dcd2 100644
--- a/frontend/src/routes/login/+page.svelte
+++ b/frontend/src/routes/login/+page.svelte
@@ -27,7 +27,7 @@
 	}
 </script>
 
-<AuthShell title="Log in" subtitle="Welcome back to FamChore.">
+<AuthShell title="Log in" subtitle="Welcome back to FamDone.">
 	{#if showForgot}
 		{#if forgotSuccess}
 			<p class="form-ok">
diff --git a/frontend/src/routes/pricing/+page.svelte b/frontend/src/routes/pricing/+page.svelte
index 4640fa9..c5f3517 100644
--- a/frontend/src/routes/pricing/+page.svelte
+++ b/frontend/src/routes/pricing/+page.svelte
@@ -5,6 +5,7 @@
 	import { PUBLIC_STRIPE_PUBLISHABLE_KEY } from '$app/env/public';
 	import { loadStripe, type StripeEmbeddedCheckout } from '@stripe/stripe-js';
 	import { Button, PricingPlans } from '$lib/components';
+	import FamDone from '$lib/components/FamDone.svelte';
 	import Footer from '$lib/components/Footer.svelte';
 	import { homeIcon, chevronLeftIcon, chevronRightIcon } from '$lib/components/icons';
 
@@ -56,12 +57,12 @@
 	}
 </script>
 
-<svelte:head><title>Pricing — FamChore</title></svelte:head>
+<svelte:head><title>Pricing — FamDone</title></svelte:head>
 
 <div class="shell">
 	<header class="topbar">
 		<a class="brand" href="/"
-			><span class="brand-icon">{@html homeIcon}</span> <strong>FamChore</strong></a
+			><span class="brand-icon">{@html homeIcon}</span> <strong><FamDone /></strong></a
 		>
 		<nav>
 			<a href="/login" class="nav-link">Log in</a>