Update package versions and tighten layout overflow

server/unified-management/web/admin/src/styles.css

@@ -170,7 +170,7 @@ input:focus, textarea:focus, select:focus {
   height: 100dvh;
   min-width: 0;
   max-width: 260px;
-  overflow-x: hidden;
+  overflow: hidden auto;
 }
 .brand { display: flex; gap: 12px; align-items: center; min-width: 0; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
 .brand-mark { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: #111827; color: #fff; }
@@ -179,7 +179,7 @@ input:focus, textarea:focus, select:focus {
 .brand small { display: block; color: var(--muted); margin-top: 2px; }
 .brand > div { min-width: 0; overflow: hidden; }
 .brand strong, .brand small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.nav-groups { display: flex; flex-direction: column; gap: 14px; flex: 1; min-width: 0; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; }
+.nav-groups { display: flex; flex-direction: column; gap: 14px; flex: 1 0 auto; min-width: 0; overflow: visible; }
 .nav-group { display: flex; flex-direction: column; gap: 5px; min-width: 0; overflow-x: hidden; }
 .nav-group p {
   margin: 0 0 2px;
@@ -632,7 +632,7 @@ summary { cursor: pointer; font-weight: 900; margin-bottom: 10px; }
 
 @media (max-width: 820px) {
   .app-shell { grid-template-columns: 1fr; }
-  .sidebar { position: static; height: auto; }
+  .sidebar { position: static; height: auto; max-width: none; overflow: visible; }
   .nav-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .workspace { padding: 16px; }
   .topbar, .section-head { align-items: stretch; flex-direction: column; }