diff --git a/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss b/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss
index 9dc73de..a67d13d 100644
--- a/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss
+++ b/addons/theme_student_erp_custom/static/src/scss/backend_forms.scss
@@ -111,6 +111,58 @@ body.o_web_client {
     }
 }
 
+// 2b. MOBILE NATIVE APP DRAWER (web.NavBar.AppsMenu.Sidebar)
+// ---------------------------------------------------------
+// Below md, Odoo renders its own hamburger + off-canvas drawer
+// (.o_menu_toggle -> .o_app_menu_sidebar) independent of any CSS here —
+// it's driven by Odoo's own ui.isSmall JS check, not our breakpoints.
+// It was never themed, so it fell back to stock white/purple Odoo styling
+// while the desktop .o_sidebar_custom is fully branded. Re-skin it to match.
+.o_app_menu_sidebar {
+    background: linear-gradient(135deg, #1f8f8f 0%, #144d4d 55%, #0d3d3d 100%) !important;
+    color: #ffffff !important;
+    width: 85vw !important;
+    max-width: 320px;
+
+    .o_sidebar_topbar {
+        background: rgba(0, 0, 0, 0.15) !important;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
+        color: #ffffff !important;
+
+        .btn.btn-primary {
+            background: rgba(255, 255, 255, 0.15) !important;
+            border-color: transparent !important;
+            color: #ffffff !important;
+        }
+        .o_sidebar_close {
+            color: #ffffff !important;
+        }
+    }
+
+    .o_burger_menu_content {
+        color: #ffffff !important;
+
+        // Current app header (icon + name), and app list items when
+        // the "All Apps" view is open
+        .fs-4.fw-bolder, .o_app {
+            color: #ffffff !important;
+        }
+        .o_app.bg-primary-subtle {
+            background-color: rgba(255, 255, 255, 0.15) !important;
+        }
+
+        // Section tree rendered by web.SectionMenu
+        ul.list-unstyled li {
+            color: rgba(255, 255, 255, 0.9) !important;
+            border-color: rgba(255, 255, 255, 0.15) !important;
+
+            &:active, &:hover {
+                background-color: rgba(255, 255, 255, 0.1) !important;
+            }
+        }
+    }
+}
+
 // ---------------------------------------------------------
 // APP SWITCHER & GLOBAL DROPDOWNS (Odoo appends these to body)
 // ---------------------------------------------------------