move menu btton to bottom and hide whwn expanxed

app.js

@@ -1972,11 +1972,13 @@ document.addEventListener('DOMContentLoaded', () => {
     function toggleSidebar() {
         toolbar.classList.toggle('open');
         overlay.classList.toggle('show');
+        sidebarToggle.classList.toggle('hidden');
     }
 
     function closeSidebar() {
         toolbar.classList.remove('open');
         overlay.classList.remove('show');
+        sidebarToggle.classList.remove('hidden');
     }
 
     // Toggle sidebar when button is clicked

styles.css

@@ -178,7 +178,7 @@ body {
 .sidebar-toggle {
     display: none;
     position: fixed;
-    top: 15px;
+    bottom: 15px;
     left: 15px;
     z-index: 2000;
     background: #2c3e50;
@@ -219,12 +219,13 @@ body {
         width: 100%;
     }
 
-    /* Adjust sum display position on mobile to avoid toggle button */
-    .sum-display {
-        top: 70px;
-        left: 10px;
+    /* Hide toggle button when sidebar is open */
+    .sidebar-toggle.hidden {
+        display: none !important;
     }
     
+    /* Sum display is fine at top on mobile now that toggle is at bottom */
+    
     /* Overlay when sidebar is open */
     .sidebar-overlay {
         display: none;