diff --git a/docker-compose.yml b/docker-compose.yml
index 97f30769..00e8859b 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -18,6 +18,7 @@ services:
         condition: service_healthy
         required: false
     volumes:
+      - ./finbot:/app/finbot
       - sqlite_data:/app/data
       - uploads:/app/uploads
       - cache:/app/cache
diff --git a/finbot/apps/admin/templates/base.html b/finbot/apps/admin/templates/base.html
index 33d6cc9d..379fde97 100644
--- a/finbot/apps/admin/templates/base.html
+++ b/finbot/apps/admin/templates/base.html
@@ -80,9 +80,9 @@
 <body class="bg-portal-bg-primary flex flex-col min-h-screen">
     <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 px-4 py-2 rounded-md z-50 font-medium">Skip to main content</a>
 
-    <div class="flex flex-1 min-h-0 relative z-10 overflow-hidden bg-portal-bg-primary">
+    <div class="flex flex-1 min-h-0 bg-portal-bg-primary">
         <!-- Sidebar -->
-        <aside id="sidebar" class="ai-sidebar w-80 flex-shrink-0 flex flex-col overflow-y-auto border-r border-admin-primary/20 bg-portal-bg-secondary/50">
+        <aside id="sidebar" class="ai-sidebar w-80 flex-shrink-0 flex flex-col sticky top-0 h-screen overflow-y-auto border-r border-admin-primary/20 bg-portal-bg-secondary/50">
             <!-- Logo -->
             <div class="sidebar-logo-section p-6 border-b border-admin-primary/20">
                 <div class="flex items-center space-x-3">
@@ -259,11 +259,47 @@ <h1 class="text-2xl font-bold text-text-bright">{% block page_title %}Dashboard{
     <script src="{{ url_for('static', path='js/common/utils.js') }}"></script>
     <script src="{{ url_for('static', path='js/common/api.js') }}"></script>
     <script>
-        // Initialize mobile sidebar on all pages
+        // Initialize mobile sidebar + inline touch navigation (bypasses caching)
+        function _attachMobileSidebarNav() {
+            var sidebar = document.getElementById('sidebar');
+            if (!sidebar) return;
+            var links = sidebar.querySelectorAll('a[href]');
+            links.forEach(function(link) {
+                // touchend fires after finger lifts - direct nav, no CSS blocking
+                link.addEventListener('touchend', function(e) {
+                    var href = link.getAttribute('href');
+                    if (href && href !== '#' && href !== '') {
+                        e.stopImmediatePropagation();
+                        e.preventDefault();
+                        window.location.href = href;
+                    }
+                }, true);
+                // Also handle click as fallback
+                link.addEventListener('click', function(e) {
+                    var href = link.getAttribute('href');
+                    if (href && href !== '#' && href !== '') {
+                        window.location.href = href;
+                    }
+                }, true);
+            });
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             if (typeof sidebar !== 'undefined' && sidebar.init) {
                 sidebar.init('#sidebar');
             }
+            // Attach touch nav immediately
+            _attachMobileSidebarNav();
+            // Also attach when sidebar opens (in case it's re-rendered)
+            var hamburger = document.querySelector('.sidebar-toggle');
+            if (hamburger) {
+                hamburger.addEventListener('touchend', function() {
+                    setTimeout(_attachMobileSidebarNav, 100);
+                }, true);
+                hamburger.addEventListener('click', function() {
+                    setTimeout(_attachMobileSidebarNav, 100);
+                }, true);
+            }
         });
     </script>
     {% block extra_js %}{% endblock %}
diff --git a/finbot/apps/darklab/templates/base.html b/finbot/apps/darklab/templates/base.html
index 9486240f..06972473 100644
--- a/finbot/apps/darklab/templates/base.html
+++ b/finbot/apps/darklab/templates/base.html
@@ -79,9 +79,9 @@
 <body class="bg-portal-bg-primary flex flex-col min-h-screen">
     <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 px-4 py-2 rounded-md z-50 font-medium">Skip to main content</a>
 
-    <div class="flex flex-1 min-h-0 relative z-10 overflow-hidden bg-portal-bg-primary">
+    <div class="flex flex-1 min-h-0 bg-portal-bg-primary">
         <!-- Sidebar -->
-        <aside id="sidebar" class="ai-sidebar w-80 flex-shrink-0 flex flex-col overflow-y-auto border-r border-darklab-primary/20 bg-portal-bg-secondary/50">
+        <aside id="sidebar" class="ai-sidebar w-80 flex-shrink-0 flex flex-col sticky top-0 h-screen overflow-y-auto border-r border-darklab-primary/20 bg-portal-bg-secondary/50">
             <!-- Logo -->
             <div class="sidebar-logo-section p-6 border-b border-darklab-primary/20">
                 <div class="flex items-center space-x-3">
@@ -238,10 +238,43 @@ <h1 class="text-2xl font-bold text-text-bright">{% block page_title %}Dashboard{
     <script src="{{ url_for('static', path='js/common/utils.js') }}"></script>
     <script src="{{ url_for('static', path='js/common/api.js') }}"></script>
     <script>
+        // Initialize mobile sidebar + inline touch navigation (bypasses caching)
+        function _attachMobileSidebarNav() {
+            var sidebar = document.getElementById('sidebar');
+            if (!sidebar) return;
+            var links = sidebar.querySelectorAll('a[href]');
+            links.forEach(function(link) {
+                link.addEventListener('touchend', function(e) {
+                    var href = link.getAttribute('href');
+                    if (href && href !== '#' && href !== '') {
+                        e.stopImmediatePropagation();
+                        e.preventDefault();
+                        window.location.href = href;
+                    }
+                }, true);
+                link.addEventListener('click', function(e) {
+                    var href = link.getAttribute('href');
+                    if (href && href !== '#' && href !== '') {
+                        window.location.href = href;
+                    }
+                }, true);
+            });
+        }
+
         document.addEventListener('DOMContentLoaded', function() {
             if (typeof sidebar !== 'undefined' && sidebar.init) {
                 sidebar.init('#sidebar');
             }
+            _attachMobileSidebarNav();
+            var hamburger = document.querySelector('.sidebar-toggle');
+            if (hamburger) {
+                hamburger.addEventListener('touchend', function() {
+                    setTimeout(_attachMobileSidebarNav, 100);
+                }, true);
+                hamburger.addEventListener('click', function() {
+                    setTimeout(_attachMobileSidebarNav, 100);
+                }, true);
+            }
         });
     </script>
     {% block extra_js %}{% endblock %}
diff --git a/finbot/static/css/vendor/portal.css b/finbot/static/css/vendor/portal.css
index 0a8582a8..1bc93158 100644
--- a/finbot/static/css/vendor/portal.css
+++ b/finbot/static/css/vendor/portal.css
@@ -1333,7 +1333,7 @@ body {
         position: fixed;
         top: 1rem;
         right: 1rem;
-        z-index: 1002;
+        z-index: 10002;
         background: rgba(21, 21, 32, 0.95);
         border: 2px solid rgba(255, 255, 255, 0.2);
         border-radius: 6px;
@@ -1375,7 +1375,7 @@ body {
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, 0.7);
-        z-index: 999;
+        z-index: 10000;
         opacity: 0;
         visibility: hidden;
         pointer-events: none;
@@ -1397,7 +1397,7 @@ body {
         width: 320px;
         transform: translateX(-100%);
         transition: transform 0.3s ease;
-        z-index: 1001;
+        z-index: 10001;
         box-shadow: 2px 0 20px rgba(0, 0, 0, 0.5);
         background: #0a0a0f !important;
         backdrop-filter: none !important;
@@ -1410,11 +1410,19 @@ body {
     /* Show sidebar when open */
     .ai-sidebar.open {
         transform: translateX(0);
-        pointer-events: auto;
+        pointer-events: auto !important;
     }
 
-    .ai-sidebar * {
-        pointer-events: auto;
+    .ai-sidebar.open * {
+        pointer-events: auto !important;
+    }
+
+    .ai-sidebar.open a,
+    .ai-sidebar.open button {
+        pointer-events: auto !important;
+        cursor: pointer !important;
+        position: relative !important;
+        z-index: 10003 !important;
     }
 
     /* Adjust main content */
diff --git a/finbot/static/js/common/utils.js b/finbot/static/js/common/utils.js
index c717e867..0dfb0160 100644
--- a/finbot/static/js/common/utils.js
+++ b/finbot/static/js/common/utils.js
@@ -685,6 +685,24 @@ const sidebar = {
         if (this.state.toggleButton) {
             this.state.toggleButton.classList.add('hidden');
         }
+
+        // Mobile touch navigation: attach touchend handlers to all sidebar links
+        // This bypasses CSS stacking/pointer-events issues on mobile
+        if ('ontouchstart' in window) {
+            const links = sidebarElement.querySelectorAll('a[href]');
+            links.forEach(link => {
+                if (!link._touchNavBound) {
+                    link._touchNavBound = true;
+                    link.addEventListener('touchend', function(e) {
+                        e.stopPropagation();
+                        const href = this.getAttribute('href');
+                        if (href && href !== '#') {
+                            window.location.href = href;
+                        }
+                    }, { passive: false });
+                }
+            });
+        }
     },
 
     close(sidebarSelector) {
