diff --git a/static/css/modes/analytics.css b/static/css/modes/analytics.css
index f36aaf1..7fe22f6 100644
--- a/static/css/modes/analytics.css
+++ b/static/css/modes/analytics.css
@@ -1,5 +1,25 @@
 /* Analytics Dashboard Styles */
 
+/* Analytics is a sidebar-only mode — hide the output panel and expand the sidebar */
+@media (min-width: 1024px) {
+    .main-content.analytics-active {
+        grid-template-columns: 1fr !important;
+    }
+    .main-content.analytics-active > .output-panel {
+        display: none !important;
+    }
+    .main-content.analytics-active > .sidebar {
+        max-width: 100% !important;
+        width: 100% !important;
+    }
+}
+
+@media (max-width: 1023px) {
+    .main-content.analytics-active > .output-panel {
+        display: none !important;
+    }
+}
+
 .analytics-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
diff --git a/templates/index.html b/templates/index.html
index 3493dd9..2c631a1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3818,6 +3818,8 @@
                 } else {
                     mainContent.classList.remove('mesh-sidebar-hidden');
                 }
+                // Analytics is sidebar-only — hide output panel and expand sidebar
+                mainContent.classList.toggle('analytics-active', mode === 'analytics');
             }
 
             // Show/hide mode-specific timeline containers