diff --git a/tabs/settings.php b/tabs/settings.php
index 9bbd851..45f9205 100644
--- a/tabs/settings.php
+++ b/tabs/settings.php
@@ -17,6 +17,8 @@ $canManage = count($people) === 0
         && ($activePerson['role'] ?? '') === ROLE_HEAD
         && isHohVerified()
     );
+$hasPeople = count($people) > 0;
+$showSetup = !$hasPeople;
 
 $permanenceOptions = [
     'permanent' => 'Permanent',
@@ -32,110 +34,129 @@ $permanenceOptions = [
     <h2 class="mb-3">Family settings</h2>
     <p class="text-muted">People and chore currency defaults apply across the whole hub. Heads of household verify with a PIN when switching profiles at the top of the page.</p>
 
-    <?php if (count($people) === 0): ?>
-    <div class="card mb-4 border-primary" id="firstSetupCard">
-        <div class="card-header bg-primary text-white">First-time setup</div>
-        <div class="card-body">
-            <p>Create the first <strong>Head of household</strong> profile so you can manage family members and settings.</p>
-            <form id="firstHeadForm" class="row g-3">
-                <div class="col-md-6">
-                    <label class="form-label" for="first_name">Name</label>
-                    <input class="form-control" id="first_name" name="name" required autocomplete="name">
-                </div>
-                <div class="col-md-6">
-                    <label class="form-label" for="first_pin">PIN (4+ characters)</label>
-                    <input type="password" class="form-control" id="first_pin" name="pin" required minlength="4" autocomplete="new-password">
-                </div>
-                <div class="col-md-4">
-                    <label class="form-label" for="first_favoriteColor">Favorite color</label>
-                    <input type="color" class="form-control form-control-color" id="first_favoriteColor" name="favoriteColor" value="#4a90e2">
-                </div>
-                <div class="col-12">
-                    <button type="submit" class="btn btn-primary btn-lg">Create profile</button>
-                </div>
-                <div class="col-12">
-                    <div class="alert d-none" id="firstHeadFeedback" role="status"></div>
-                </div>
-            </form>
+    <div class="row g-4 align-items-start">
+        <div class="col-lg-3">
+            <div class="nav nav-pills flex-lg-column gap-2" id="settingsSectionTabs" role="tablist" aria-orientation="vertical">
+                <?php if ($showSetup): ?>
+                <button class="nav-link active text-start" id="settings-tab-setup" data-bs-toggle="pill" data-bs-target="#settings-pane-setup" type="button" role="tab" aria-controls="settings-pane-setup" aria-selected="true">First-time setup</button>
+                <?php endif; ?>
+                <button class="nav-link text-start <?= !$showSetup ? 'active' : '' ?>" id="settings-tab-calendar" data-bs-toggle="pill" data-bs-target="#settings-pane-calendar" type="button" role="tab" aria-controls="settings-pane-calendar" aria-selected="<?= !$showSetup ? 'true' : 'false' ?>">Calendar and dates</button>
+                <button class="nav-link text-start" id="settings-tab-economy" data-bs-toggle="pill" data-bs-target="#settings-pane-economy" type="button" role="tab" aria-controls="settings-pane-economy" aria-selected="false">Chore economy</button>
+                <button class="nav-link text-start" id="settings-tab-stores" data-bs-toggle="pill" data-bs-target="#settings-pane-stores" type="button" role="tab" aria-controls="settings-pane-stores" aria-selected="false">Grocery stores</button>
+                <?php if ($hasPeople): ?>
+                <button class="nav-link text-start" id="settings-tab-people" data-bs-toggle="pill" data-bs-target="#settings-pane-people" type="button" role="tab" aria-controls="settings-pane-people" aria-selected="false">People</button>
+                <?php endif; ?>
+            </div>
         </div>
-    </div>
-    <?php endif; ?>
-
-    <div class="card mb-4">
-        <div class="card-header">Calendar and dates</div>
-        <div class="card-body">
-            <p class="text-muted small">Used for the <strong>Calendar</strong> tab agenda (today, due dates, and bill reminders). US timezones only.</p>
-            <?php if (!$canManage && count($people) > 0): ?>
-                <p class="text-muted">Switch to a verified Head of household to edit these settings.</p>
-            <?php endif; ?>
-            <form id="calendarSettingsForm" class="row g-3">
-                <div class="col-md-6">
-                    <label class="form-label" for="family_timezone">Family timezone</label>
-                    <select class="form-select" id="family_timezone" name="timezone" <?= !$canManage ? 'disabled' : '' ?>>
-                        <?php
-                        $curTz = (string) ($familySettings['timezone'] ?? 'America/New_York');
-                        foreach ($usTimezones as $zid):
-                            ?>
-                            <option value="<?= htmlspecialchars($zid, ENT_QUOTES, 'UTF-8') ?>" <?= $curTz === $zid ? 'selected' : '' ?>>
-                                <?= htmlspecialchars(str_replace('_', ' ', $zid), ENT_QUOTES, 'UTF-8') ?>
-                            </option>
-                        <?php endforeach; ?>
-                    </select>
-                </div>
-                <div class="col-md-6 d-flex align-items-end">
-                    <div class="form-check mb-2">
-                        <input class="form-check-input" type="checkbox" id="calendar_two_way_google" name="calendar_two_way_google" value="1"
-                            <?= !empty($familySettings['calendar_two_way_google']) ? 'checked' : '' ?>
-                            <?= !$canManage ? 'disabled' : '' ?>>
-                        <label class="form-check-label" for="calendar_two_way_google">Enable two-way Google Calendar sync</label>
+        <div class="col-lg-9">
+            <div class="tab-content" id="settingsSectionTabContent">
+                <?php if ($showSetup): ?>
+                <div class="tab-pane fade show active" id="settings-pane-setup" role="tabpanel" aria-labelledby="settings-tab-setup" tabindex="0">
+                    <div class="card border-primary">
+                        <div class="card-header bg-primary text-white">First-time setup</div>
+                        <div class="card-body">
+                            <p>Create the first <strong>Head of household</strong> profile so you can manage family members and settings.</p>
+                            <form id="firstHeadForm" class="row g-3">
+                                <div class="col-md-6">
+                                    <label class="form-label" for="first_name">Name</label>
+                                    <input class="form-control" id="first_name" name="name" required autocomplete="name">
+                                </div>
+                                <div class="col-md-6">
+                                    <label class="form-label" for="first_pin">PIN (4+ characters)</label>
+                                    <input type="password" class="form-control" id="first_pin" name="pin" required minlength="4" autocomplete="new-password">
+                                </div>
+                                <div class="col-md-4">
+                                    <label class="form-label" for="first_favoriteColor">Favorite color</label>
+                                    <input type="color" class="form-control form-control-color" id="first_favoriteColor" name="favoriteColor" value="#4a90e2">
+                                </div>
+                                <div class="col-12">
+                                    <button type="submit" class="btn btn-primary btn-lg">Create profile</button>
+                                </div>
+                                <div class="col-12">
+                                    <div class="alert d-none" id="firstHeadFeedback" role="status"></div>
+                                </div>
+                            </form>
+                        </div>
                     </div>
                 </div>
-                <div class="col-12">
-                    <label class="form-label">Monthly bill reminders</label>
-                    <p class="small text-muted mb-2">Shown on the family agenda on the same day each month (e.g. rent). Leave a row blank or clear the title to skip.</p>
-                    <div id="billDaysRows" class="d-flex flex-column gap-2">
-                        <?php foreach ($billDays as $i => $bd): ?>
-                            <?php
-                            $dom = (int) ($bd['dayOfMonth'] ?? 1);
-                            $bt = (string) ($bd['title'] ?? '');
-                            ?>
-                            <div class="bill-day-row row g-2 align-items-end">
-                                <div class="col-4 col-md-3">
-                                    <label class="form-label small text-muted">Day of month</label>
-                                    <select class="form-select bill-day-dom" aria-label="Bill day of month">
-                                        <?php for ($d = 1; $d <= 31; $d++): ?>
-                                            <option value="<?= $d ?>" <?= $dom === $d ? 'selected' : '' ?>><?= $d ?></option>
-                                        <?php endfor; ?>
+                <?php endif; ?>
+                <div class="tab-pane fade <?= !$showSetup ? 'show active' : '' ?>" id="settings-pane-calendar" role="tabpanel" aria-labelledby="settings-tab-calendar" tabindex="0">
+                    <div class="card">
+                        <div class="card-header">Calendar and dates</div>
+                        <div class="card-body">
+                            <p class="text-muted small">Used for the <strong>Calendar</strong> tab agenda (today, due dates, and bill reminders). US timezones only.</p>
+                            <?php if (!$canManage && $hasPeople): ?>
+                                <p class="text-muted">Switch to a verified Head of household to edit these settings.</p>
+                            <?php endif; ?>
+                            <form id="calendarSettingsForm" class="row g-3">
+                                <div class="col-md-6">
+                                    <label class="form-label" for="family_timezone">Family timezone</label>
+                                    <select class="form-select" id="family_timezone" name="timezone" <?= !$canManage ? 'disabled' : '' ?>>
+                                        <?php
+                                        $curTz = (string) ($familySettings['timezone'] ?? 'America/New_York');
+                                        foreach ($usTimezones as $zid):
+                                            ?>
+                                            <option value="<?= htmlspecialchars($zid, ENT_QUOTES, 'UTF-8') ?>" <?= $curTz === $zid ? 'selected' : '' ?>>
+                                                <?= htmlspecialchars(str_replace('_', ' ', $zid), ENT_QUOTES, 'UTF-8') ?>
+                                            </option>
+                                        <?php endforeach; ?>
                                     </select>
                                 </div>
-                                <div class="col">
-                                    <label class="form-label small text-muted">Reminder title</label>
-                                    <input type="text" class="form-control bill-day-title" maxlength="120" placeholder="e.g. Rent" value="<?= htmlspecialchars($bt, ENT_QUOTES, 'UTF-8') ?>">
+                                <div class="col-md-6 d-flex align-items-end">
+                                    <div class="form-check mb-2">
+                                        <input class="form-check-input" type="checkbox" id="calendar_two_way_google" name="calendar_two_way_google" value="1"
+                                            <?= !empty($familySettings['calendar_two_way_google']) ? 'checked' : '' ?>
+                                            <?= !$canManage ? 'disabled' : '' ?>>
+                                        <label class="form-check-label" for="calendar_two_way_google">Enable two-way Google Calendar sync</label>
+                                    </div>
                                 </div>
-                            </div>
-                        <?php endforeach; ?>
-                    </div>
-                    <?php if ($canManage): ?>
-                    <button type="button" class="btn btn-outline-secondary btn-sm mt-2" id="btnAddBillDayRow">Add reminder row</button>
-                    <div class="col-12 mt-3">
-                        <button type="submit" class="btn btn-primary">Save calendar settings</button>
-                    </div>
-                    <?php endif; ?>
-                    <div class="col-12">
-                        <div class="alert d-none" id="calendarSettingsFeedback" role="status"></div>
+                                <div class="col-12">
+                                    <label class="form-label">Monthly bill reminders</label>
+                                    <p class="small text-muted mb-2">Shown on the family agenda on the same day each month (e.g. rent). Leave a row blank or clear the title to skip.</p>
+                                    <div id="billDaysRows" class="d-flex flex-column gap-2">
+                                        <?php foreach ($billDays as $i => $bd): ?>
+                                            <?php
+                                            $dom = (int) ($bd['dayOfMonth'] ?? 1);
+                                            $bt = (string) ($bd['title'] ?? '');
+                                            ?>
+                                            <div class="bill-day-row row g-2 align-items-end">
+                                                <div class="col-4 col-md-3">
+                                                    <label class="form-label small text-muted">Day of month</label>
+                                                    <select class="form-select bill-day-dom" aria-label="Bill day of month">
+                                                        <?php for ($d = 1; $d <= 31; $d++): ?>
+                                                            <option value="<?= $d ?>" <?= $dom === $d ? 'selected' : '' ?>><?= $d ?></option>
+                                                        <?php endfor; ?>
+                                                    </select>
+                                                </div>
+                                                <div class="col">
+                                                    <label class="form-label small text-muted">Reminder title</label>
+                                                    <input type="text" class="form-control bill-day-title" maxlength="120" placeholder="e.g. Rent" value="<?= htmlspecialchars($bt, ENT_QUOTES, 'UTF-8') ?>">
+                                                </div>
+                                            </div>
+                                        <?php endforeach; ?>
+                                    </div>
+                                    <?php if ($canManage): ?>
+                                    <button type="button" class="btn btn-outline-secondary btn-sm mt-2" id="btnAddBillDayRow">Add reminder row</button>
+                                    <div class="col-12 mt-3">
+                                        <button type="submit" class="btn btn-primary">Save calendar settings</button>
+                                    </div>
+                                    <?php endif; ?>
+                                    <div class="col-12">
+                                        <div class="alert d-none" id="calendarSettingsFeedback" role="status"></div>
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
                     </div>
                 </div>
-            </form>
-        </div>
-    </div>
-
-    <div class="card mb-4">
-        <div class="card-header">Chore economy</div>
-        <div class="card-body">
-            <?php if (!$canManage && count($people) > 0): ?>
-                <p class="text-muted">Switch to a verified Head of household to edit these settings.</p>
-            <?php endif; ?>
-            <form id="familySettingsForm" class="row g-3">
+                <div class="tab-pane fade" id="settings-pane-economy" role="tabpanel" aria-labelledby="settings-tab-economy" tabindex="0">
+                    <div class="card">
+                        <div class="card-header">Chore economy</div>
+                        <div class="card-body">
+                            <?php if (!$canManage && $hasPeople): ?>
+                                <p class="text-muted">Switch to a verified Head of household to edit these settings.</p>
+                            <?php endif; ?>
+                            <form id="familySettingsForm" class="row g-3">
                 <div class="col-md-4">
                     <label class="form-label" for="currency_symbol">Currency symbol</label>
                     <input class="form-control" id="currency_symbol" name="currency_symbol" maxlength="8"
@@ -246,127 +267,135 @@ $permanenceOptions = [
                 <div class="col-12">
                     <div class="alert d-none" id="familySettingsFeedback" role="status"></div>
                 </div>
-            </form>
-        </div>
-    </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
 
-    <?php
-    $storesList = normalizeStoresList(readJsonFile('stores.json'));
-    ?>
-    <div class="card mb-4">
-        <div class="card-header">Grocery stores</div>
-        <div class="card-body">
-            <p class="small text-muted">Each store has its own list in the <strong>Grocery list</strong> tab.</p>
-            <?php if ($canManage): ?>
-            <form id="storeAddForm" class="row g-2 align-items-end mb-3">
-                <div class="col-md-8">
-                    <label class="form-label" for="new_store_name">New store name</label>
-                    <input class="form-control" id="new_store_name" required maxlength="80" placeholder="e.g. Costco">
-                </div>
-                <div class="col-md-4">
-                    <button type="submit" class="btn btn-primary">Add store</button>
-                </div>
-                <div class="col-12">
-                    <div class="alert d-none" id="storeAddFeedback" role="status"></div>
-                </div>
-            </form>
-            <?php else: ?>
-                <p class="text-muted small">Only a verified Head of household can manage stores.</p>
-            <?php endif; ?>
-            <?php if (count($storesList) === 0): ?>
-                <p class="text-muted mb-0">No stores yet. Add one above (or open the Grocery list tab to get a default Home store).</p>
-            <?php else: ?>
-                <ul class="list-group">
-                    <?php foreach ($storesList as $st): ?>
-                        <?php $stid = htmlspecialchars((string) ($st['id'] ?? ''), ENT_QUOTES, 'UTF-8'); ?>
-                        <li class="list-group-item d-flex flex-wrap justify-content-between align-items-center gap-2">
-                            <span><?= sanitizeInput($st['name'] ?? '') ?></span>
+                <?php
+                $storesList = normalizeStoresList(readJsonFile('stores.json'));
+                ?>
+                <div class="tab-pane fade" id="settings-pane-stores" role="tabpanel" aria-labelledby="settings-tab-stores" tabindex="0">
+                    <div class="card">
+                        <div class="card-header">Grocery stores</div>
+                        <div class="card-body">
+                            <p class="small text-muted">Each store has its own list in the <strong>Grocery list</strong> tab.</p>
                             <?php if ($canManage): ?>
-                            <span class="btn-group">
-                                <button type="button" class="btn btn-sm btn-outline-secondary btn-store-rename" data-id="<?= $stid ?>" data-name="<?= htmlspecialchars((string) ($st['name'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">Rename</button>
-                                <button type="button" class="btn btn-sm btn-outline-danger btn-store-delete" data-id="<?= $stid ?>">Delete</button>
-                            </span>
+                            <form id="storeAddForm" class="row g-2 align-items-end mb-3">
+                                <div class="col-md-8">
+                                    <label class="form-label" for="new_store_name">New store name</label>
+                                    <input class="form-control" id="new_store_name" required maxlength="80" placeholder="e.g. Costco">
+                                </div>
+                                <div class="col-md-4">
+                                    <button type="submit" class="btn btn-primary">Add store</button>
+                                </div>
+                                <div class="col-12">
+                                    <div class="alert d-none" id="storeAddFeedback" role="status"></div>
+                                </div>
+                            </form>
+                            <?php else: ?>
+                                <p class="text-muted small">Only a verified Head of household can manage stores.</p>
                             <?php endif; ?>
-                        </li>
-                    <?php endforeach; ?>
-                </ul>
-            <?php endif; ?>
-        </div>
-    </div>
+                            <?php if (count($storesList) === 0): ?>
+                                <p class="text-muted mb-0">No stores yet. Add one above (or open the Grocery list tab to get a default Home store).</p>
+                            <?php else: ?>
+                                <ul class="list-group">
+                                    <?php foreach ($storesList as $st): ?>
+                                        <?php $stid = htmlspecialchars((string) ($st['id'] ?? ''), ENT_QUOTES, 'UTF-8'); ?>
+                                        <li class="list-group-item d-flex flex-wrap justify-content-between align-items-center gap-2">
+                                            <span><?= sanitizeInput($st['name'] ?? '') ?></span>
+                                            <?php if ($canManage): ?>
+                                            <span class="btn-group">
+                                                <button type="button" class="btn btn-sm btn-outline-secondary btn-store-rename" data-id="<?= $stid ?>" data-name="<?= htmlspecialchars((string) ($st['name'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">Rename</button>
+                                                <button type="button" class="btn btn-sm btn-outline-danger btn-store-delete" data-id="<?= $stid ?>">Delete</button>
+                                            </span>
+                                            <?php endif; ?>
+                                        </li>
+                                    <?php endforeach; ?>
+                                </ul>
+                            <?php endif; ?>
+                        </div>
+                    </div>
+                </div>
 
-    <?php if (count($people) > 0): ?>
-    <div class="card mb-4">
-        <div class="card-header d-flex justify-content-between align-items-center">
-            <span>People</span>
-        </div>
-        <div class="card-body">
-            <?php if ($canManage): ?>
-            <form id="addPersonForm" class="row g-3 mb-4 pb-3 border-bottom">
-                <div class="col-md-4">
-                    <label class="form-label" for="add_name">Name</label>
-                    <input class="form-control" id="add_name" required>
-                </div>
-                <div class="col-md-4">
-                    <label class="form-label" for="add_role">Role</label>
-                    <select class="form-select" id="add_role">
-                        <option value="<?= ROLE_CHILD ?>">Child</option>
-                        <option value="<?= ROLE_ADULT ?>">Adult</option>
-                        <option value="<?= ROLE_HEAD ?>">Head of household</option>
-                    </select>
-                </div>
-                <div class="col-md-4" id="add_pin_wrap">
-                    <label class="form-label" for="add_pin">PIN (required for Head of household)</label>
-                    <input type="password" class="form-control" id="add_pin" minlength="4" autocomplete="new-password">
-                </div>
-                <div class="col-md-4">
-                    <label class="form-label" for="add_favoriteColor">Favorite color</label>
-                    <input type="color" class="form-control form-control-color" id="add_favoriteColor" value="#4a90e2">
-                </div>
-                <div class="col-12">
-                    <button type="submit" class="btn btn-success">Add person</button>
-                </div>
-                <div class="col-12">
-                    <div class="alert d-none" id="addPersonFeedback" role="status"></div>
-                </div>
-            </form>
-            <?php else: ?>
-                <p class="text-muted">Only a verified Head of household can add or edit people.</p>
-            <?php endif; ?>
+                <?php if ($hasPeople): ?>
+                <div class="tab-pane fade" id="settings-pane-people" role="tabpanel" aria-labelledby="settings-tab-people" tabindex="0">
+                    <div class="card">
+                        <div class="card-header d-flex justify-content-between align-items-center">
+                            <span>People</span>
+                        </div>
+                        <div class="card-body">
+                            <?php if ($canManage): ?>
+                            <form id="addPersonForm" class="row g-3 mb-4 pb-3 border-bottom">
+                                <div class="col-md-4">
+                                    <label class="form-label" for="add_name">Name</label>
+                                    <input class="form-control" id="add_name" required>
+                                </div>
+                                <div class="col-md-4">
+                                    <label class="form-label" for="add_role">Role</label>
+                                    <select class="form-select" id="add_role">
+                                        <option value="<?= ROLE_CHILD ?>">Child</option>
+                                        <option value="<?= ROLE_ADULT ?>">Adult</option>
+                                        <option value="<?= ROLE_HEAD ?>">Head of household</option>
+                                    </select>
+                                </div>
+                                <div class="col-md-4" id="add_pin_wrap">
+                                    <label class="form-label" for="add_pin">PIN (required for Head of household)</label>
+                                    <input type="password" class="form-control" id="add_pin" minlength="4" autocomplete="new-password">
+                                </div>
+                                <div class="col-md-4">
+                                    <label class="form-label" for="add_favoriteColor">Favorite color</label>
+                                    <input type="color" class="form-control form-control-color" id="add_favoriteColor" value="#4a90e2">
+                                </div>
+                                <div class="col-12">
+                                    <button type="submit" class="btn btn-success">Add person</button>
+                                </div>
+                                <div class="col-12">
+                                    <div class="alert d-none" id="addPersonFeedback" role="status"></div>
+                                </div>
+                            </form>
+                            <?php else: ?>
+                                <p class="text-muted">Only a verified Head of household can add or edit people.</p>
+                            <?php endif; ?>
 
-            <div class="table-responsive">
-                <table class="table align-middle" id="peopleTable">
-                    <thead>
-                        <tr>
-                            <th>Name</th>
-                            <th>Role</th>
-                            <th class="text-end">Balance</th>
-                            <?php if ($canManage): ?><th>NFC submit token</th><?php endif; ?>
-                            <?php if ($canManage): ?><th></th><?php endif; ?>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <?php foreach ($people as $p): ?>
-                            <tr data-person-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
-                                <td><?= sanitizeInput($p['name'] ?? '') ?></td>
-                                <td><?= sanitizeInput($p['role'] ?? '') ?></td>
-                                <td class="text-end"><?= sanitizeInput((string) ($p['currency_balance'] ?? 0)) ?> <?= sanitizeInput($familySettings['currency_symbol'] ?? '') ?></td>
-                                <?php if ($canManage): ?>
-                                <td class="text-nowrap">
-                                    <button type="button" class="btn btn-sm btn-outline-secondary btn-rotate-person-nfc-token" data-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>" data-name="<?= htmlspecialchars((string) ($p['name'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">Rotate token</button>
-                                </td>
-                                <td class="text-end text-nowrap">
-                                    <?php if (($p['role'] ?? '') === ROLE_HEAD): ?>
-                                        <button type="button" class="btn btn-sm btn-outline-secondary btn-reset-pin" data-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>">Reset PIN</button>
-                                    <?php endif; ?>
-                                    <button type="button" class="btn btn-sm btn-outline-danger btn-delete-person" data-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>">Remove</button>
-                                </td>
-                                <?php endif; ?>
-                            </tr>
-                        <?php endforeach; ?>
-                    </tbody>
-                </table>
+                            <div class="table-responsive">
+                                <table class="table align-middle" id="peopleTable">
+                                    <thead>
+                                        <tr>
+                                            <th>Name</th>
+                                            <th>Role</th>
+                                            <th class="text-end">Balance</th>
+                                            <?php if ($canManage): ?><th>NFC submit token</th><?php endif; ?>
+                                            <?php if ($canManage): ?><th></th><?php endif; ?>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <?php foreach ($people as $p): ?>
+                                            <tr data-person-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>">
+                                                <td><?= sanitizeInput($p['name'] ?? '') ?></td>
+                                                <td><?= sanitizeInput($p['role'] ?? '') ?></td>
+                                                <td class="text-end"><?= sanitizeInput((string) ($p['currency_balance'] ?? 0)) ?> <?= sanitizeInput($familySettings['currency_symbol'] ?? '') ?></td>
+                                                <?php if ($canManage): ?>
+                                                <td class="text-nowrap">
+                                                    <button type="button" class="btn btn-sm btn-outline-secondary btn-rotate-person-nfc-token" data-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>" data-name="<?= htmlspecialchars((string) ($p['name'] ?? ''), ENT_QUOTES, 'UTF-8') ?>">Rotate token</button>
+                                                </td>
+                                                <td class="text-end text-nowrap">
+                                                    <?php if (($p['role'] ?? '') === ROLE_HEAD): ?>
+                                                        <button type="button" class="btn btn-sm btn-outline-secondary btn-reset-pin" data-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>">Reset PIN</button>
+                                                    <?php endif; ?>
+                                                    <button type="button" class="btn btn-sm btn-outline-danger btn-delete-person" data-id="<?= htmlspecialchars($p['id'] ?? '', ENT_QUOTES, 'UTF-8') ?>">Remove</button>
+                                                </td>
+                                                <?php endif; ?>
+                                            </tr>
+                                        <?php endforeach; ?>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <?php endif; ?>
             </div>
         </div>
     </div>
-    <?php endif; ?>
 </div>