Admin : page admin + responsive + CookieBanner + Toast + BackToTop

src/styles/Sidebar.module.css

@@ -11,6 +11,21 @@
   z-index: 10;
 }
 
+.mobileToggle{
+  display:none;
+  position:fixed;
+  top:12px;
+  left:12px;
+  z-index:11000;
+  background:transparent;
+  border:none;
+  font-size:20px;
+  cursor:pointer;
+}
+
+/* hide desktop close icon */
+.mobileClose{ display:none }
+
 .header {
   padding: 1.5rem 1.25rem;
   border-bottom: 1px solid rgb(229, 231, 235);
@@ -109,6 +124,16 @@
   border-color: rgb(209, 213, 219);
 }
 
+.adminBadge{
+  background:#7c3aed;
+  color:#fff;
+  padding:4px 8px;
+  border-radius:999px;
+  font-weight:700;
+  margin-left:8px;
+  align-self:center;
+}
+
 /* ===== LOGOUT ===== */
 
 .logoutBtn {
@@ -141,10 +166,33 @@
 }
 
 @media (max-width: 768px) {
+  .mobileToggle{display:block}
+
+  .mobileToggle{ color: rgb(17,24,39); background: white; padding:6px 8px; border-radius:8px; border:1px solid rgb(229,231,235) }
+
   .sidebar {
-    width: 100%;
-    position: relative;
-    height: auto;
-    margin-bottom: 1rem;
+    position:fixed;
+    top:0;
+    left:0;
+    height:100%;
+    width:80%;
+    max-width:360px;
+    transform:translateX(-110%);
+    transition:transform 240ms ease;
+    box-shadow: 8px 0 24px rgba(2,6,23,0.15);
+    z-index:11001;
+    background:white;
   }
+
+  .sidebar.open{
+    transform:translateX(0);
+  }
+
+  .overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(2,6,23,0.45);z-index:11000}
+
+  .mobileClose{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:20px;cursor:pointer;display:block}
+
+  .open{transform:translateX(0)}
+
+  /* overlay will be handled by a simple full-screen element appended in DOM via JS if needed */
 }