diff --git a/public/admin.js b/public/admin.js
index 9bdc1de..b0e26c9 100644
--- a/public/admin.js
+++ b/public/admin.js
@@ -110,7 +110,7 @@ if (parentPin) unlock();
 
 // ---------- navigation ----------
 
-document.querySelectorAll('.admin-nav .nav-pill').forEach((pill) =>
+document.querySelectorAll('.admin-nav .nav-pill, .admin-sidebar-footer .nav-pill').forEach((pill) =>
   pill.addEventListener('click', () => showPanel(pill.dataset.panel))
 );
 document.querySelectorAll('[data-nav]').forEach((btn) =>
@@ -126,7 +126,7 @@ const PANEL_TITLES = {
 
 function showPanel(name) {
   document.querySelectorAll('.panel').forEach((p) => (p.hidden = p.id !== `panel-${name}`));
-  document.querySelectorAll('.admin-nav .nav-pill').forEach((p) => p.classList.toggle('active', p.dataset.panel === name));
+  document.querySelectorAll('.admin-nav .nav-pill, .admin-sidebar-footer .nav-pill').forEach((p) => p.classList.toggle('active', p.dataset.panel === name));
   const titleEl = document.getElementById('admin-page-title');
   if (titleEl) titleEl.textContent = PANEL_TITLES[name] || name;
   const loaders = {