diff --git a/index.html b/index.html
index 1a4c63b..104a020 100644
--- a/index.html
+++ b/index.html
@@ -102,16 +102,16 @@ <h2>Your workstation,<br /><span>under control.</span></h2>
             <div class="settings-intro"><div><p class="eyebrow">Make it yours</p><h2>A workspace that fits you.</h2><p>Appearance previews as you edit. Save to keep your changes on this device.</p></div><span class="version-badge">Command Center</span></div>
             <nav class="settings-links" aria-label="Settings sections"><a href="#section-general">General</a><a href="#section-applications">Applications</a><a href="#section-appearance">Appearance</a><a href="#section-repositories">Repositories</a></nav>
             <div class="settings-layout">
-              <section id="section-general" class="panel settings-section"><div class="section-title"><span>01</span><div><h3>General</h3><p>A familiar welcome and a useful starting point.</p></div></div>
+              <section id="section-general" class="panel settings-section"><div class="section-title"><span aria-hidden="true">⚙</span><div><h3>General</h3><p>A familiar welcome and a useful starting point.</p></div></div>
                 <label class="setting-row" for="pref-name"><span>Display name<small>Shown in your greeting and profile.</small></span><input id="pref-name" maxlength="40" required autocomplete="off"></label>
                 <label class="setting-row" for="pref-startup"><span>Start page<small>Where Command Center opens.</small></span><select id="pref-startup"><option value="dashboard">Dashboard</option><option value="repositories">Repositories</option><option value="toolbox">Toolbox</option><option value="terminal">Terminal</option><option value="sync">System Sync</option><option value="backup">Backup & Restore</option><option value="config">Configuration</option><option value="health">System Health</option><option value="activity">Activity</option><option value="attention">Needs attention</option><option value="services">Services</option><option value="inventory">System inventory</option><option value="operations">Workflows</option><option value="timeline">Change timeline</option><option value="settings">Settings</option></select></label>
               </section>
-              <section id="section-applications" class="panel settings-section"><div class="section-title"><span>02</span><div><h3>Applications</h3><p>Use your defaults or choose an app for Command Center.</p></div></div>
+              <section id="section-applications" class="panel settings-section"><div class="section-title"><span aria-hidden="true">▦</span><div><h3>Applications</h3><p>Use your defaults or choose an app for Command Center.</p></div></div>
                 <label class="setting-row" for="pref-editor"><span>Editor<small>Neovim opens inside your selected terminal.</small></span><select id="pref-editor"><option value="auto">System default</option><option value="kate">Kate</option><option value="nvim">Neovim</option><option value="code">VS Code</option><option value="codium">VSCodium</option><option value="zed">Zed</option></select></label>
                 <label class="setting-row" for="pref-terminal"><span>Terminal<small>Opens in the repository folder.</small></span><select id="pref-terminal"><option value="auto">System default</option><option value="ghostty">Ghostty</option><option value="konsole">Konsole</option><option value="gnome-terminal">GNOME Terminal</option><option value="kitty">Kitty</option><option value="alacritty">Alacritty</option><option value="wezterm">WezTerm</option><option value="foot">Foot</option></select></label>
                 <p class="settings-help">System default respects VISUAL / EDITOR and TERMINAL, then desktop preferences. Listed apps must already be installed. These choices affect only Command Center.</p>
               </section>
-              <section id="section-appearance" class="panel settings-section"><div class="section-title"><span>03</span><div><h3>Appearance</h3><p>Small adjustments, a calmer workspace.</p></div></div>
+              <section id="section-appearance" class="panel settings-section"><div class="section-title"><span aria-hidden="true">◐</span><div><h3>Appearance</h3><p>Small adjustments, a calmer workspace.</p></div></div>
                 <label class="setting-row" for="pref-theme"><span>Theme<small>System follows your desktop’s light or dark preference.</small></span><select id="pref-theme"><option value="dark">Dark</option><option value="light">Light</option><option value="system">System</option></select></label>
                 <label class="setting-row" for="pref-text-size"><span>Text size</span><select id="pref-text-size"><option value="normal">Standard</option><option value="large">Larger</option></select></label>
                 <label class="setting-row" for="pref-hero"><span>Dashboard welcome banner</span><input id="pref-hero" type="checkbox" role="switch"></label>
@@ -119,7 +119,7 @@ <h2>Your workstation,<br /><span>under control.</span></h2>
                 <label class="setting-row" for="pref-density"><span>Repository density</span><select id="pref-density"><option value="comfortable">Comfortable</option><option value="compact">Compact</option></select></label>
                 <label class="setting-row" for="pref-motion"><span>Reduce motion<small>Disable decorative animation. Your system motion preference is also respected.</small></span><input id="pref-motion" type="checkbox" role="switch"></label>
               </section>
-              <section id="section-repositories" class="panel settings-section"><div class="section-title"><span>04</span><div><h3>Repositories</h3><p>Control where and how often we look.</p></div></div>
+              <section id="section-repositories" class="panel settings-section"><div class="section-title"><span aria-hidden="true">⌘</span><div><h3>Repositories</h3><p>Control where and how often we look.</p></div></div>
                 <label class="setting-row" for="pref-layout"><span>Repository layout</span><select id="pref-layout"><option value="cards">Cards</option><option value="list">List</option></select></label>
                 <label class="setting-row" for="pref-sort"><span>Default sort<small>The toolbar can change sorting for this session.</small></span><select id="pref-sort"><option value="name">Name A–Z</option><option value="name-desc">Name Z–A</option><option value="attention">Needs attention first</option></select></label>
                 <label class="setting-row" for="pref-paths"><span>Show repository paths</span><input id="pref-paths" type="checkbox" role="switch"></label>
diff --git a/src/features.js b/src/features.js
index 5742136..962a1a9 100644
--- a/src/features.js
+++ b/src/features.js
@@ -176,7 +176,7 @@ export function createFeatures(api) {
     );
     $("#section-repositories").insertAdjacentHTML(
       "afterend",
-      `<section id="section-integrations" class="panel settings-section integration-section"><div class="section-title"><span>05</span><div><h3>System integrations</h3><p>Use your installed helpers and editable configuration sources.</p></div></div><div class="button-row">${button("Detect existing setup", 'id="detect-integrations"')}${button("Check availability", 'id="check-integrations"')}</div><p id="integration-check-status" role="status">Check paths and tools using the values below.</p><div id="integration-check-results"></div>${integrationFields.map(([key, label, help]) => `<label class="integration-field" for="integration-${key}"><span>${label}<small>${help}</small></span><input id="integration-${key}" ${key === "backupMaxHours" ? 'type="number" min="1" max="8760"' : 'type="text"'} autocomplete="off"></label>`).join("")}<p class="settings-help">Credential fields identify an existing wallet entry or password file. Command Center does not ask for or store your backup password.</p></section>`,
+      `<section id="section-integrations" class="panel settings-section integration-section"><div class="section-title"><span aria-hidden="true">⇄</span><div><h3>System integrations</h3><p>Use your installed helpers and editable configuration sources.</p></div></div><div class="button-row">${button("Detect existing setup", 'id="detect-integrations"')}${button("Check availability", 'id="check-integrations"')}</div><p id="integration-check-status" role="status">Check paths and tools using the values below.</p><div id="integration-check-results"></div>${integrationFields.map(([key, label, help]) => `<label class="integration-field" for="integration-${key}"><span>${label}<small>${help}</small></span><input id="integration-${key}" ${key === "backupMaxHours" ? 'type="number" min="1" max="8760"' : 'type="text"'} autocomplete="off"></label>`).join("")}<p class="settings-help">Credential fields identify an existing wallet entry or password file. Command Center does not ask for or store your backup password.</p></section>`,
     );
     $(".settings-links").insertAdjacentHTML(
       "beforeend",
diff --git a/src/preference-extras.js b/src/preference-extras.js
index fd9db28..12f66b3 100644
--- a/src/preference-extras.js
+++ b/src/preference-extras.js
@@ -26,7 +26,7 @@ export function importDraft(current, imported, includeMachine) {
 export function createPreferenceExtras({ state, $, escapeHtml: e, draftPreferences, populatePreferences, updateDraftStatus, action, toast, invoke }) {
   let actions = [];
   const form = $('#preferences-form');
-  $('.settings-layout').insertAdjacentHTML('beforeend', `<section id="section-custom" class="panel settings-section"><div class="section-title"><span>06</span><div><h3>Custom quick actions</h3><p>Pin commands to the dashboard. Every run is reviewed first.</p></div></div><div id="custom-actions-editor"></div><button type="button" class="secondary-button" id="add-custom-action">Add action</button><p class="settings-help">Direct commands use quoted arguments without shell expansion. Choose Fish for functions such as full-upgrade. Terminal modes support interactive prompts. Keep passwords out of saved commands and exports.</p></section>`);
+  $('.settings-layout').insertAdjacentHTML('beforeend', `<section id="section-custom" class="panel settings-section"><div class="section-title"><span aria-hidden="true">✦</span><div><h3>Custom quick actions</h3><p>Pin commands to the dashboard. Every run is reviewed first.</p></div></div><div id="custom-actions-editor"></div><button type="button" class="secondary-button" id="add-custom-action">Add action</button><p class="settings-help">Direct commands use quoted arguments without shell expansion. Choose Fish for functions such as full-upgrade. Terminal modes support interactive prompts. Keep passwords out of saved commands and exports.</p></section>`);
   $('.settings-links').insertAdjacentHTML('beforeend','<a href="#section-custom">Custom actions</a>');
   $('.settings-intro').insertAdjacentHTML('afterend', `<div class="button-row settings-transfer"><button type="button" id="export-settings" class="secondary-button">Export saved settings</button><button type="button" id="import-settings" class="secondary-button">Import settings…</button><input type="file" id="import-settings-file" accept=".json,application/json" hidden><span id="transfer-status" role="status"></span></div>`);
   document.body.insertAdjacentHTML('beforeend', `<dialog id="import-settings-dialog" class="review-dialog"><h2>Review settings import</h2><p>Your current preferences stay saved until you apply this draft and Save settings.</p><label class="check-row"><input type="checkbox" id="import-machine">Include machine paths, applications, integrations, and custom commands</label><p class="settings-help">Leave unchecked to keep this machine’s connections and commands. The automatic backup health helper always stays local; configure it separately in Settings.</p><pre id="import-preview" class="output"></pre><div class="button-row"><button type="button" id="cancel-import" class="secondary-button">Cancel</button><button type="button" id="apply-import" class="primary-button">Apply to draft</button></div></dialog>`);
diff --git a/src/styles.css b/src/styles.css
index 97c911c..f02a72d 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -365,3 +365,37 @@ button:disabled { cursor:default; }
 .history-row { display:grid; grid-template-columns:minmax(120px,auto) minmax(160px,1fr) minmax(130px,auto) minmax(80px,auto) auto; gap:12px; align-items:center; padding:8px 10px; border:1px solid var(--line); border-radius:8px; }
 .history-row small { display:block; color:var(--muted); font-size:11px; }
 @media (max-width: 1200px) { .history-row { grid-template-columns:1fr 1fr; } }
+
+/* Settings page polish */
+#settings-view { --settings-tint: rgba(99,230,255,.12); --settings-tint: color-mix(in srgb, var(--cyan) 14%, transparent); --settings-tint-soft: rgba(99,230,255,.05); --settings-tint-soft: color-mix(in srgb, var(--cyan) 6%, transparent); }
+#settings-view .settings-intro { position:relative; overflow:hidden; align-items:center; padding:28px 30px; border:1px solid var(--line); border-radius:14px; background:radial-gradient(circle at 92% 0%, var(--settings-tint), transparent 45%), linear-gradient(135deg, var(--settings-tint-soft), transparent 60%), var(--surface); }
+#settings-view .settings-intro .eyebrow { color:var(--cyan); }
+#settings-view .settings-intro h2 { font-size:28px; }
+#settings-view .version-badge { border-color:var(--settings-tint); background:var(--settings-tint-soft); color:var(--cyan); font-weight:700; }
+#settings-view .settings-transfer { margin:-12px 0 18px; }
+#settings-view .settings-links { position:sticky; top:0; z-index:3; padding:10px 0; margin-bottom:12px; background:linear-gradient(var(--bg) 70%, transparent); }
+#settings-view .settings-links a { background:var(--surface); font-weight:600; transition:color .15s ease, border-color .15s ease, background .15s ease; }
+#settings-view .settings-links a:hover, #settings-view .settings-links a:focus-visible { background:var(--settings-tint-soft); }
+#settings-view .settings-section { transition:border-color .2s ease; }
+#settings-view .settings-section:hover, #settings-view .settings-section:focus-within { border-color:var(--settings-tint); }
+#settings-view .section-title { align-items:center; padding-bottom:16px; margin-bottom:4px; }
+#settings-view .section-title > span { width:36px; height:36px; border:0; border-radius:10px; background:linear-gradient(145deg, var(--settings-tint), var(--settings-tint-soft)); font-size:17px; }
+#settings-view #section-integrations, #settings-view #section-custom { grid-column:1 / -1; }
+#settings-view .setting-row input:not([type="checkbox"]), #settings-view .setting-row select, #settings-view #pref-roots, #settings-view .integration-field input { transition:border-color .15s ease, box-shadow .15s ease; }
+#settings-view .setting-row input:not([type="checkbox"]):focus, #settings-view .setting-row select:focus, #settings-view #pref-roots:focus, #settings-view .integration-field input:focus { outline:none; border-color:var(--cyan); box-shadow:0 0 0 3px var(--settings-tint); }
+/* Toggle switches */
+#settings-view input[type="checkbox"][role="switch"], #notification-form input[type="checkbox"] { appearance:none; -webkit-appearance:none; position:relative; flex-shrink:0; width:38px; height:22px; margin:0; border:1px solid var(--line); border-radius:999px; background:var(--surface-soft); cursor:pointer; transition:background .18s ease, border-color .18s ease; }
+#settings-view input[type="checkbox"][role="switch"]::after, #notification-form input[type="checkbox"]::after { content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--muted); transition:transform .18s ease, background .18s ease; }
+#settings-view input[type="checkbox"][role="switch"]:checked, #notification-form input[type="checkbox"]:checked { border-color:var(--cyan); background:var(--cyan); }
+#settings-view input[type="checkbox"][role="switch"]:checked::after, #notification-form input[type="checkbox"]:checked::after { transform:translateX(16px); background:var(--accent-ink); }
+#settings-view input[type="checkbox"][role="switch"]:focus-visible, #notification-form input[type="checkbox"]:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
+/* Panels added below the preferences form */
+#settings-view .module-panel { padding:23px; }
+#settings-view .module-panel > p, #settings-view .module-panel .panel-heading p { color:var(--muted); font-size:12px; line-height:1.65; margin:0 0 14px; }
+#settings-view .module-panel h3 { font-size:15px; }
+#settings-view pre.output:empty { display:none; }
+#notification-form { gap:0; margin-top:8px; }
+#notification-form > label { display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:18px; padding:14px 0; border-top:1px solid var(--line); font-size:13px; }
+#notification-form > .button-row { gap:14px; padding:14px 0 6px; border-top:1px solid var(--line); }
+#notification-form > .button-row label { flex:1; max-width:180px; }
+#notification-form > button { justify-self:start; margin-top:14px; }