Add dedicated profile invites page and fix mobile admin layout

frontend/app/globals.css

@@ -5221,6 +5221,26 @@ textarea {
   margin-top: 10px;
 }
 
+.profile-quick-link-card {
+  display: flex;
+  justify-content: space-between;
+  align-items: start;
+  gap: 14px;
+  padding: 12px;
+  margin-bottom: 12px;
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  background: rgba(255, 255, 255, 0.018);
+  border-radius: 6px;
+}
+
+.profile-quick-link-card h2 {
+  margin: 0 0 4px;
+}
+
+.profile-quick-link-card .lede {
+  margin: 0;
+}
+
 .profile-invites-section {
   display: grid;
   gap: 12px;
@@ -5391,6 +5411,10 @@ textarea {
 }
 
 @media (max-width: 980px) {
+  .profile-quick-link-card {
+    display: grid;
+  }
+
   .profile-invites-layout {
     grid-template-columns: 1fr;
   }
@@ -6070,3 +6094,142 @@ textarea {
     grid-template-columns: 1fr;
   }
 }
+
+/* Final responsive admin shell stabilization */
+.admin-shell,
+.admin-shell-nav,
+.admin-card,
+.admin-shell-rail,
+.admin-sidebar,
+.admin-panel {
+  min-width: 0;
+}
+
+@media (max-width: 1280px) {
+  .admin-shell {
+    grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
+    grid-template-areas:
+      "nav main"
+      "nav rail";
+    align-items: start;
+  }
+
+  .admin-shell-nav {
+    grid-area: nav;
+  }
+
+  .admin-card {
+    grid-area: main;
+    grid-column: auto;
+  }
+
+  .admin-shell-rail {
+    grid-area: rail;
+    grid-column: auto;
+    position: static;
+    top: auto;
+    width: 100%;
+  }
+}
+
+@media (max-width: 1080px) {
+  .page {
+    width: min(100%, calc(100vw - 12px));
+    max-width: none;
+    padding-inline: 6px;
+  }
+
+  .card,
+  .admin-card {
+    padding: 20px;
+  }
+
+  .admin-shell {
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-areas:
+      "nav"
+      "main"
+      "rail";
+    gap: 16px;
+  }
+
+  .admin-shell-nav,
+  .admin-card,
+  .admin-shell-rail {
+    grid-column: auto;
+    width: 100%;
+  }
+
+  .admin-shell-nav {
+    position: static;
+    top: auto;
+  }
+
+  .admin-sidebar,
+  .admin-rail-stack,
+  .admin-rail-card,
+  .maintenance-layout,
+  .maintenance-tools-panel,
+  .cache-table {
+    width: 100%;
+  }
+
+  .admin-grid,
+  .users-page-toolbar-grid,
+  .users-summary-grid,
+  .users-page-overview-grid,
+  .maintenance-action-grid,
+  .schedule-grid,
+  .diagnostics-inline-summary,
+  .diagnostics-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .settings-nav,
+  .settings-links {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+
+  .settings-group {
+    min-width: 0;
+  }
+
+  .settings-links a {
+    justify-content: flex-start;
+  }
+
+  .settings-section-actions,
+  .diagnostics-control-panel,
+  .diagnostics-control-actions,
+  .log-actions {
+    display: grid;
+    width: 100%;
+    justify-content: stretch;
+  }
+
+  .settings-section-actions > *,
+  .diagnostics-control-actions > *,
+  .log-actions > * {
+    width: 100%;
+  }
+
+  .sync-meta,
+  .diagnostic-card-top,
+  .diagnostics-category-header,
+  .users-summary-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .cache-row {
+    grid-template-columns: 1fr;
+  }
+
+  .cache-row span {
+    white-space: normal;
+    overflow: visible;
+    text-overflow: clip;
+    overflow-wrap: anywhere;
+  }
+}