diff --git a/app/resources/css/app.css b/app/resources/css/app.css
index af92cdb..867ee0c 100644
--- a/app/resources/css/app.css
+++ b/app/resources/css/app.css
@@ -634,12 +634,13 @@
   }
   .clu-top-link a { color: var(--color-accent); font-weight: 600; }
 
-  /* ───── App layout (sidebar + main) ───── */
+  /* ───── App layout (sidebar fixed + main offset by padding) ───── */
   .clu-app-grid {
-    display: grid;
-    grid-template-columns: 264px 1fr; /* 236 sidebar + 14 left margin + 14 gap */
+    position: relative;
     min-height: 100vh;
+    padding-left: 264px; /* 14 left margin + 236 sidebar + 14 gap */
   }
+  .clu-app-grid > main { display: block; }
 
   /* Sidebar — TRUE fixed; never scrolls with main content. */
   .clu-sidebar {
@@ -677,7 +678,7 @@
   .clu-burger.clu-icon-btn { display: none; }
 
   @media (max-width: 920px) {
-    .clu-app-grid { grid-template-columns: 1fr; }
+    .clu-app-grid { padding-left: 0; }
     .clu-sidebar {
       position: fixed;
       top: 0; left: 0;