diff --git a/public/storage/launcher-data.json b/public/storage/launcher-data.json
index 34fbfe4..a1f450f 100644
--- a/public/storage/launcher-data.json
+++ b/public/storage/launcher-data.json
@@ -3,15 +3,15 @@
     {
       "id": "client_romashka",
       "type": "company",
-      "name": "ООО Ромашка",
-      "legalName": "ООО Ромашка",
+      "name": "DCTOUCH",
+      "legalName": "ООО ДИСИТАЧ",
       "status": "active",
       "demoEndsAt": null,
       "contactName": "Иван Петров",
-      "contactEmail": "ivan@romashka.ru",
+      "contactEmail": "suppert@dctouch.ru",
       "notes": "Основной demo-клиент для проверки Task Manager, NodeDC и deny-исключений.",
       "createdAt": "2026-04-01T10:00:00Z",
-      "updatedAt": "2026-05-01T09:00:00Z"
+      "updatedAt": "2026-05-01T18:49:19.215Z"
     },
     {
       "id": "client_roga_kopyta",
@@ -102,7 +102,7 @@
       "email": "oleg@romashka.ru",
       "globalStatus": "blocked",
       "createdAt": "2026-04-12T10:00:00Z",
-      "updatedAt": "2026-05-01T09:00:00Z"
+      "updatedAt": "2026-05-01T18:49:59.865Z"
     }
   ],
   "memberships": [
diff --git a/src/app/LauncherApp.tsx b/src/app/LauncherApp.tsx
index 86935d9..b9241c7 100644
--- a/src/app/LauncherApp.tsx
+++ b/src/app/LauncherApp.tsx
@@ -1,8 +1,10 @@
 import { useEffect, useMemo, useState } from "react";
 import type { ServiceAccessException, ServiceGrant } from "../entities/access/types";
+import type { Client } from "../entities/client/types";
 import type { Invite } from "../entities/invite/types";
 import type { LauncherServiceView, Service } from "../entities/service/types";
 import type { SyncStatus } from "../entities/sync/types";
+import type { ClientGroup, ClientMembership, LauncherUser } from "../entities/user/types";
 import {
   buildLauncherServices,
   buildMe,
@@ -169,6 +171,21 @@ export function LauncherApp() {
     }));
   }
 
+  function handleUpdateInvite(inviteId: string, patch: Partial<Invite>) {
+    setData((current) => ({
+      ...current,
+      invites: current.invites.map((invite) =>
+        invite.id === inviteId
+          ? {
+              ...invite,
+              ...patch,
+              updatedAt: new Date().toISOString(),
+            }
+          : invite
+      ),
+    }));
+  }
+
   function handleRetrySync(syncId: string) {
     setData((current) => ({
       ...current,
@@ -200,6 +217,111 @@ export function LauncherApp() {
     }));
   }
 
+  function handleCreateClient() {
+    const createdAt = new Date().toISOString();
+    const index = data.clients.length + 1;
+
+    setData((current) => ({
+      ...current,
+      clients: [
+        ...current.clients,
+        {
+          id: `client_mock_${Date.now()}`,
+          type: "company",
+          name: `Новый клиент ${index}`,
+          legalName: `Новый клиент ${index}`,
+          status: "demo",
+          demoEndsAt: new Date(Date.now() + 14 * 24 * 60 * 60 * 1000).toISOString(),
+          contactName: "",
+          contactEmail: "",
+          notes: "",
+          createdAt,
+          updatedAt: createdAt,
+        },
+      ],
+    }));
+  }
+
+  function handleUpdateClient(clientId: string, patch: Partial<Client>) {
+    setData((current) => ({
+      ...current,
+      clients: current.clients.map((client) =>
+        client.id === clientId
+          ? {
+              ...client,
+              ...patch,
+              updatedAt: new Date().toISOString(),
+            }
+          : client
+      ),
+    }));
+  }
+
+  function handleUpdateUser(userId: string, patch: Partial<LauncherUser>) {
+    setData((current) => ({
+      ...current,
+      users: current.users.map((user) =>
+        user.id === userId
+          ? {
+              ...user,
+              ...patch,
+              updatedAt: new Date().toISOString(),
+            }
+          : user
+      ),
+    }));
+  }
+
+  function handleUpdateMembership(membershipId: string, patch: Partial<ClientMembership>) {
+    setData((current) => ({
+      ...current,
+      memberships: current.memberships.map((membership) =>
+        membership.id === membershipId
+          ? {
+              ...membership,
+              ...patch,
+              updatedAt: new Date().toISOString(),
+            }
+          : membership
+      ),
+    }));
+  }
+
+  function handleCreateGroup(clientId: string) {
+    const createdAt = new Date().toISOString();
+
+    setData((current) => ({
+      ...current,
+      groups: [
+        ...current.groups,
+        {
+          id: `group_mock_${Date.now()}`,
+          clientId,
+          name: "Новая группа",
+          description: "Описание группы",
+          memberIds: [],
+          createdAt,
+          updatedAt: createdAt,
+        },
+      ],
+    }));
+  }
+
+  function handleUpdateGroup(groupId: string, patch: Partial<ClientGroup>) {
+    setData((current) => ({
+      ...current,
+      groups: current.groups.map((group) =>
+        group.id === groupId
+          ? {
+              ...group,
+              ...patch,
+              updatedAt: new Date().toISOString(),
+            }
+          : group
+      ),
+    }));
+  }
+
   function handleReorderServices(orderedServiceIds: string[]) {
     setData((current) => {
       const orderById = new Map(orderedServiceIds.map((serviceId, index) => [serviceId, (index + 1) * 10]));
@@ -304,7 +426,14 @@ export function LauncherApp() {
             onCreateDenyException={handleCreateDenyException}
             onRemoveException={handleRemoveException}
             onCreateInvite={handleCreateInvite}
+            onUpdateInvite={handleUpdateInvite}
             onRetrySync={handleRetrySync}
+            onCreateClient={handleCreateClient}
+            onUpdateClient={handleUpdateClient}
+            onUpdateUser={handleUpdateUser}
+            onUpdateMembership={handleUpdateMembership}
+            onCreateGroup={handleCreateGroup}
+            onUpdateGroup={handleUpdateGroup}
             onUpdateService={handleUpdateService}
             onReorderServices={handleReorderServices}
             onCreateService={handleCreateService}
diff --git a/src/entities/client/types.ts b/src/entities/client/types.ts
index 7d92873..4a583b9 100644
--- a/src/entities/client/types.ts
+++ b/src/entities/client/types.ts
@@ -6,7 +6,11 @@ export interface Client {
   type: ClientType;
   name: string;
   legalName?: string | null;
+  inn?: string | null;
   status: ClientStatus;
+  contractStartsAt?: string | null;
+  contractEndsAt?: string | null;
+  paidUntil?: string | null;
   demoEndsAt?: string | null;
   contactName?: string | null;
   contactEmail?: string | null;
diff --git a/src/entities/user/types.ts b/src/entities/user/types.ts
index a42fcd4..8420fce 100644
--- a/src/entities/user/types.ts
+++ b/src/entities/user/types.ts
@@ -12,6 +12,9 @@ export interface LauncherUser {
   authentikUserId?: string | null;
   email: string;
   name: string;
+  phone?: string | null;
+  position?: string | null;
+  notes?: string | null;
   avatarUrl?: string | null;
   globalStatus: LauncherUserStatus;
   createdAt: string;
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 7e11ef7..1bf8441 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -1392,7 +1392,7 @@ code {
 }
 
 .admin-panel-content .admin-section-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 
 .admin-panel-content .access-layout,
@@ -1595,6 +1595,12 @@ code {
   color: rgb(var(--nodedc-on-accent-rgb));
 }
 
+.admin-circle-action:disabled {
+  cursor: default;
+  opacity: 0.36;
+  filter: grayscale(1);
+}
+
 .admin-section-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -1776,6 +1782,12 @@ code {
   font-size: 0.72rem;
 }
 
+.admin-table-input--select {
+  appearance: none;
+  background: rgba(255, 255, 255, 0.045);
+  cursor: pointer;
+}
+
 .service-status-dropdown {
   width: 7.45rem;
   min-width: 7.45rem;
@@ -1912,6 +1924,218 @@ code {
   background: rgba(255, 120, 120, 0.32);
 }
 
+.admin-status-dropdown {
+  width: 8.65rem;
+  min-width: 8.65rem;
+}
+
+.admin-status-trigger {
+  display: inline-flex;
+  width: 8.65rem;
+  min-height: 2.08rem;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: var(--launcher-radius-circle);
+  background: rgba(255, 255, 255, 0.075);
+  color: rgba(255, 255, 255, 0.84);
+  padding: 0 0.7rem;
+  font-size: 0.72rem;
+  font-weight: 850;
+  white-space: nowrap;
+}
+
+.admin-status-trigger span {
+  width: 100%;
+  text-align: center;
+}
+
+.admin-status-trigger[data-tone="green"] {
+  background: rgba(181, 255, 90, 0.075);
+  color: rgba(226, 255, 190, 0.94);
+}
+
+.admin-status-trigger[data-tone="yellow"] {
+  background: rgba(246, 201, 95, 0.075);
+  color: rgba(255, 232, 178, 0.94);
+}
+
+.admin-status-trigger[data-tone="violet"] {
+  background: rgba(210, 197, 255, 0.07);
+  color: rgba(232, 225, 255, 0.92);
+}
+
+.admin-status-trigger[data-tone="red"] {
+  background: rgba(255, 120, 120, 0.07);
+  color: rgba(255, 216, 216, 0.92);
+}
+
+.admin-status-trigger[data-tone="muted"] {
+  background: rgba(255, 255, 255, 0.075);
+  color: rgba(255, 255, 255, 0.78);
+}
+
+.admin-status-trigger:hover,
+.admin-status-trigger[aria-expanded="true"] {
+  filter: brightness(1.12);
+  color: var(--text-primary);
+}
+
+.admin-status-trigger--static {
+  pointer-events: none;
+}
+
+.admin-status-menu {
+  display: grid;
+  gap: 0.18rem;
+  min-width: 10.25rem;
+}
+
+.admin-status-menu__option {
+  display: grid;
+  grid-template-columns: 1rem minmax(0, 1fr);
+  min-height: 2.45rem;
+  align-items: center;
+  border: 0;
+  border-radius: 0.92rem;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.68);
+  padding: 0 0.78rem;
+  text-align: left;
+  font-size: 0.8rem;
+  font-weight: 780;
+}
+
+.admin-status-menu__option span {
+  text-align: left;
+}
+
+.admin-status-menu__mark {
+  display: block;
+  width: 0.45rem;
+  height: 0.45rem;
+  border-radius: var(--launcher-radius-circle);
+  background: transparent;
+}
+
+.admin-status-menu__option:hover,
+.admin-status-menu__option:focus-visible {
+  background: rgba(255, 255, 255, 0.075);
+  color: var(--text-primary);
+  outline: none;
+}
+
+.admin-status-menu__option[data-selected="true"] {
+  background: rgba(255, 255, 255, 0.11);
+  color: var(--text-primary);
+}
+
+.admin-status-menu__option[data-selected="true"] .admin-status-menu__mark {
+  background: rgba(247, 248, 244, 0.96);
+}
+
+.admin-status-menu__option[data-tone="green"][data-selected="true"] {
+  background: rgba(181, 255, 90, 0.065);
+  color: rgba(226, 255, 190, 0.96);
+}
+
+.admin-status-menu__option[data-tone="yellow"][data-selected="true"] {
+  background: rgba(246, 201, 95, 0.065);
+  color: rgba(255, 232, 178, 0.96);
+}
+
+.admin-status-menu__option[data-tone="violet"][data-selected="true"] {
+  background: rgba(210, 197, 255, 0.06);
+  color: rgba(232, 225, 255, 0.94);
+}
+
+.admin-status-menu__option[data-tone="red"][data-selected="true"] {
+  background: rgba(255, 120, 120, 0.06);
+  color: rgba(255, 216, 216, 0.94);
+}
+
+.admin-status-menu__option[data-tone="green"][data-selected="true"] .admin-status-menu__mark {
+  background: rgba(181, 255, 90, 0.34);
+}
+
+.admin-status-menu__option[data-tone="yellow"][data-selected="true"] .admin-status-menu__mark {
+  background: rgba(246, 201, 95, 0.34);
+}
+
+.admin-status-menu__option[data-tone="violet"][data-selected="true"] .admin-status-menu__mark {
+  background: rgba(210, 197, 255, 0.32);
+}
+
+.admin-status-menu__option[data-tone="red"][data-selected="true"] .admin-status-menu__mark {
+  background: rgba(255, 120, 120, 0.32);
+}
+
+.admin-date-field {
+  width: 100%;
+}
+
+.admin-date-trigger {
+  display: inline-flex;
+  width: 100%;
+  min-height: 2.08rem;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.42rem;
+  border: 0;
+  border-radius: var(--launcher-radius-circle);
+  background: rgba(255, 255, 255, 0.052);
+  color: var(--text-secondary);
+  padding: 0 0.7rem;
+  font-size: 0.74rem;
+  font-weight: 760;
+}
+
+.admin-date-trigger:hover,
+.admin-date-trigger:focus-visible {
+  background: rgba(255, 255, 255, 0.085);
+  color: var(--text-primary);
+  outline: none;
+}
+
+.admin-date-popover {
+  display: grid;
+  gap: 0.65rem;
+  min-width: 14rem;
+}
+
+.admin-date-popover input {
+  min-height: 2.65rem;
+  border: 0;
+  border-radius: 0.92rem;
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-primary);
+  padding: 0 0.78rem;
+  font: inherit;
+  color-scheme: dark;
+}
+
+.admin-date-popover__actions {
+  display: flex;
+  justify-content: space-between;
+  gap: 0.45rem;
+}
+
+.admin-date-popover__actions button {
+  min-height: 2.25rem;
+  border: 0;
+  border-radius: var(--launcher-radius-circle);
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-secondary);
+  padding: 0 0.75rem;
+  font-size: 0.76rem;
+  font-weight: 780;
+}
+
+.admin-date-popover__actions button:hover {
+  background: rgba(255, 255, 255, 0.12);
+  color: var(--text-primary);
+}
+
 .admin-table-select {
   appearance: none;
   border-radius: 999px;
@@ -2036,7 +2260,8 @@ code {
 }
 
 .service-content-field input,
-.service-content-field textarea {
+.service-content-field textarea,
+.service-content-field select {
   width: 100%;
   border: 0;
   border-radius: 1rem;
@@ -2046,6 +2271,11 @@ code {
   font-size: 0.84rem;
 }
 
+.service-content-field select {
+  min-height: 2.75rem;
+  appearance: none;
+}
+
 .service-media-field {
   min-width: 0;
 }
@@ -2188,6 +2418,38 @@ code {
   color: var(--text-primary);
 }
 
+.admin-token-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  min-height: 3rem;
+  align-items: flex-start;
+  border-radius: 1rem;
+  background: rgba(255, 255, 255, 0.045);
+  padding: 0.48rem;
+}
+
+.admin-token {
+  min-height: 2.1rem;
+  border: 0;
+  border-radius: var(--launcher-radius-circle);
+  background: rgba(255, 255, 255, 0.07);
+  color: var(--text-secondary);
+  padding: 0 0.8rem;
+  font-size: 0.76rem;
+  font-weight: 780;
+}
+
+.admin-token:hover {
+  background: rgba(255, 255, 255, 0.11);
+  color: var(--text-primary);
+}
+
+.admin-token[data-active="true"] {
+  background: rgba(247, 248, 244, 0.96);
+  color: rgb(var(--nodedc-on-accent-rgb));
+}
+
 .access-layout {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 21rem;
@@ -2276,12 +2538,26 @@ code {
   overflow: hidden;
 }
 
+.invites-layout--catalog {
+  grid-template-columns: 1fr;
+}
+
 .invite-form {
   display: grid;
   align-content: start;
   gap: 0.75rem;
 }
 
+.invite-form--compact {
+  padding: 1rem;
+}
+
+.invite-form__fields {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 12rem;
+  gap: 0.65rem;
+}
+
 .invite-form input,
 .invite-form select {
   min-height: 2.7rem;
@@ -2292,6 +2568,33 @@ code {
   padding: 0 0.8rem;
 }
 
+.invite-form select {
+  appearance: none;
+}
+
+.invite-link-cell {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.45rem;
+}
+
+.invite-link-cell code {
+  min-width: 0;
+  overflow: hidden;
+  color: var(--text-secondary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.admin-helper-note {
+  max-width: 38rem;
+  margin: 0.22rem 0 0;
+  color: var(--text-muted);
+  font-size: 0.73rem;
+  line-height: 1.35;
+}
+
 .company-panel {
   max-width: 42rem;
 }
diff --git a/src/widgets/admin-overlay/AdminOverlay.tsx b/src/widgets/admin-overlay/AdminOverlay.tsx
index 139f9d1..d54f6fa 100644
--- a/src/widgets/admin-overlay/AdminOverlay.tsx
+++ b/src/widgets/admin-overlay/AdminOverlay.tsx
@@ -14,8 +14,10 @@ import { arrayMove, SortableContext, useSortable, verticalListSortingStrategy }
 import { CSS } from "@dnd-kit/utilities";
 import {
   Building2,
+  CalendarDays,
   ChevronDown,
   ClipboardList,
+  Copy,
   DatabaseZap,
   Edit3,
   Globe2,
@@ -38,10 +40,18 @@ import {
   X,
 } from "lucide-react";
 import type { ServiceAccessException, ServiceGrant } from "../../entities/access/types";
-import type { Invite } from "../../entities/invite/types";
+import type { Client, ClientStatus, ClientType } from "../../entities/client/types";
+import type { Invite, InviteStatus } from "../../entities/invite/types";
 import type { MediaKind, Service, ServiceMediaSource, ServiceStatus } from "../../entities/service/types";
-import type { SyncStatus } from "../../entities/sync/types";
-import type { ClientMembershipRole } from "../../entities/user/types";
+import type { SyncState, SyncStatus } from "../../entities/sync/types";
+import type {
+  ClientGroup,
+  ClientMembership,
+  ClientMembershipRole,
+  ClientMembershipStatus,
+  LauncherUser,
+  LauncherUserStatus,
+} from "../../entities/user/types";
 import {
   buildAccessMatrix,
   getClient,
@@ -58,7 +68,6 @@ import { formatDate, formatDateTime } from "../../shared/lib/format";
 import { Button, IconButton } from "../../shared/ui/Button";
 import { GlassSurface } from "../../shared/ui/Glass";
 import { PortalDropdown } from "../../shared/ui/PortalDropdown";
-import { ClientStatusBadge, ServiceStatusBadge, SyncStatusBadge, UserStatusBadge } from "../../shared/ui/StatusBadge";
 
 type AdminSection =
   | "overview"
@@ -103,7 +112,14 @@ export function AdminOverlay({
   onCreateDenyException,
   onRemoveException,
   onCreateInvite,
+  onUpdateInvite,
   onRetrySync,
+  onCreateClient,
+  onUpdateClient,
+  onUpdateUser,
+  onUpdateMembership,
+  onCreateGroup,
+  onUpdateGroup,
   onUpdateService,
   onReorderServices,
   onCreateService,
@@ -117,7 +133,14 @@ export function AdminOverlay({
   onCreateDenyException: (exception: Omit<ServiceAccessException, "id" | "type" | "createdAt" | "updatedAt">) => void;
   onRemoveException: (exceptionId: string) => void;
   onCreateInvite: (invite: Pick<Invite, "clientId" | "email" | "role">) => void;
+  onUpdateInvite: (inviteId: string, patch: Partial<Invite>) => void;
   onRetrySync: (syncId: string) => void;
+  onCreateClient: () => void;
+  onUpdateClient: (clientId: string, patch: Partial<Client>) => void;
+  onUpdateUser: (userId: string, patch: Partial<LauncherUser>) => void;
+  onUpdateMembership: (membershipId: string, patch: Partial<ClientMembership>) => void;
+  onCreateGroup: (clientId: string) => void;
+  onUpdateGroup: (groupId: string, patch: Partial<ClientGroup>) => void;
   onUpdateService: (serviceId: string, patch: Partial<Service>) => void;
   onReorderServices: (orderedServiceIds: string[]) => void;
   onCreateService: () => void;
@@ -211,9 +234,21 @@ export function AdminOverlay({
           <AdminHeader />
           <div className="admin-panel-content__body">
             {activeSection === "overview" ? <OverviewSection data={data} clientId={scopedClientId} isRoot={isRoot} /> : null}
-            {activeSection === "clients" && isRoot ? <ClientsSection data={data} /> : null}
-            {activeSection === "users" ? <UsersSection data={data} clientId={scopedClientId} isRoot={isRoot} /> : null}
-            {activeSection === "groups" ? <GroupsSection data={data} clientId={scopedClientId} /> : null}
+            {activeSection === "clients" && isRoot ? (
+              <ClientsSection data={data} onCreateClient={onCreateClient} onUpdateClient={onUpdateClient} />
+            ) : null}
+            {activeSection === "users" ? (
+              <UsersSection
+                data={data}
+                clientId={scopedClientId}
+                isRoot={isRoot}
+                onUpdateUser={onUpdateUser}
+                onUpdateMembership={onUpdateMembership}
+              />
+            ) : null}
+            {activeSection === "groups" ? (
+              <GroupsSection data={data} clientId={scopedClientId} onCreateGroup={onCreateGroup} onUpdateGroup={onUpdateGroup} />
+            ) : null}
             {activeSection === "services" && isRoot ? (
               <ServicesSection
                 data={data}
@@ -235,7 +270,13 @@ export function AdminOverlay({
               />
             ) : null}
             {activeSection === "invites" ? (
-              <InvitesSection data={data} clientId={scopedClientId} actorUserId={me.user.id} onCreateInvite={onCreateInvite} />
+              <InvitesSection
+                data={data}
+                clientId={scopedClientId}
+                actorUserId={me.user.id}
+                onCreateInvite={onCreateInvite}
+                onUpdateInvite={onUpdateInvite}
+              />
             ) : null}
             {activeSection === "sync" ? <SyncSection data={data} clientId={scopedClientId} isRoot={isRoot} onRetrySync={onRetrySync} /> : null}
             {activeSection === "audit" && isRoot ? <AuditSection data={data} /> : null}
@@ -290,128 +331,329 @@ function OverviewSection({ data, clientId, isRoot }: { data: LauncherData; clien
   );
 }
 
-function ClientsSection({ data }: { data: LauncherData }) {
+function ClientsSection({
+  data,
+  onCreateClient,
+  onUpdateClient,
+}: {
+  data: LauncherData;
+  onCreateClient: () => void;
+  onUpdateClient: (clientId: string, patch: Partial<Client>) => void;
+}) {
+  const [editingClientId, setEditingClientId] = useState<string | null>(null);
+  const editingClient = data.clients.find((client) => client.id === editingClientId) ?? null;
+
   return (
-    <GlassSurface className="table-shell">
-      <div className="table-toolbar">
-        <h3>Клиенты</h3>
-        <Button variant="primary" icon={<Building2 size={16} />}>
-          Создать клиента
-        </Button>
-      </div>
-      <table>
-        <thead>
-          <tr>
-            <th>Название</th>
-            <th>Тип</th>
-            <th>Статус</th>
-            <th>Участников</th>
-            <th>Demo</th>
-            <th>Контакт</th>
-          </tr>
-        </thead>
-        <tbody>
-          {data.clients.map((client) => (
-            <tr key={client.id}>
-              <td>
-                <strong>{client.name}</strong>
-                <small>{client.legalName ?? "Частное лицо"}</small>
-              </td>
-              <td>{client.type === "company" ? "Компания" : "Частное лицо"}</td>
-              <td>
-                <ClientStatusBadge status={client.status} />
-              </td>
-              <td>{data.memberships.filter((membership) => membership.clientId === client.id).length}</td>
-              <td>{formatDate(client.demoEndsAt)}</td>
-              <td>{client.contactEmail}</td>
+    <>
+      <GlassSurface className="table-shell">
+        <div className="table-toolbar">
+          <h3>Клиенты</h3>
+          <IconButton label="Создать клиента" className="admin-circle-action admin-circle-action--solid" type="button" onClick={onCreateClient}>
+            <Plus size={17} />
+          </IconButton>
+        </div>
+        <table className="admin-data-table">
+          <thead>
+            <tr>
+              <th>Название</th>
+              <th>Тип</th>
+              <th>Статус</th>
+              <th>Участников</th>
+              <th>Demo</th>
+              <th>Контакт</th>
+              <th aria-label="Редактирование" />
             </tr>
-          ))}
-        </tbody>
-      </table>
-    </GlassSurface>
+          </thead>
+          <tbody>
+            {data.clients.map((client) => (
+              <tr key={client.id}>
+                <td className="services-admin-table__service">
+                  <input
+                    className="admin-table-input admin-table-input--strong"
+                    value={client.name}
+                    onChange={(event) => onUpdateClient(client.id, { name: event.target.value })}
+                    aria-label={`Название клиента ${client.name}`}
+                  />
+                  <input
+                    className="admin-table-input admin-table-input--muted"
+                    value={client.legalName ?? ""}
+                    onChange={(event) => onUpdateClient(client.id, { legalName: event.target.value || null })}
+                    aria-label={`Юридическое название ${client.name}`}
+                  />
+                </td>
+                <td>
+                  <select
+                    className="admin-table-input admin-table-input--select"
+                    value={client.type}
+                    onChange={(event) => onUpdateClient(client.id, { type: event.target.value as ClientType })}
+                    aria-label={`Тип клиента ${client.name}`}
+                  >
+                    <option value="company">Компания</option>
+                    <option value="person">Частное лицо</option>
+                  </select>
+                </td>
+                <td>
+                  <AdminStatusDropdown
+                    value={client.status}
+                    options={clientStatusOptions}
+                    label={`Статус клиента ${client.name}`}
+                    onChange={(status) => onUpdateClient(client.id, { status })}
+                  />
+                </td>
+                <td>{data.memberships.filter((membership) => membership.clientId === client.id).length}</td>
+                <td>
+                  <DateField value={client.demoEndsAt ?? null} label={`Demo до ${client.name}`} onChange={(value) => onUpdateClient(client.id, { demoEndsAt: value })} />
+                </td>
+                <td>
+                  <input
+                    className="admin-table-input"
+                    value={client.contactEmail ?? ""}
+                    onChange={(event) => onUpdateClient(client.id, { contactEmail: event.target.value || null })}
+                    aria-label={`Контакт клиента ${client.name}`}
+                  />
+                </td>
+                <td className="services-admin-table__actions">
+                  <IconButton
+                    label={`Редактировать клиента ${client.name}`}
+                    className="admin-circle-action services-admin-table__edit"
+                    type="button"
+                    onClick={() => setEditingClientId(client.id)}
+                  >
+                    <Edit3 size={15} />
+                  </IconButton>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </GlassSurface>
+
+      {editingClient ? (
+        <ClientEditorModal
+          client={editingClient}
+          onClose={() => setEditingClientId(null)}
+          onSave={(patch) => {
+            onUpdateClient(editingClient.id, patch);
+            setEditingClientId(null);
+          }}
+        />
+      ) : null}
+    </>
   );
 }
 
-function UsersSection({ data, clientId, isRoot }: { data: LauncherData; clientId: string; isRoot: boolean }) {
+function UsersSection({
+  data,
+  clientId,
+  isRoot,
+  onUpdateUser,
+  onUpdateMembership,
+}: {
+  data: LauncherData;
+  clientId: string;
+  isRoot: boolean;
+  onUpdateUser: (userId: string, patch: Partial<LauncherUser>) => void;
+  onUpdateMembership: (membershipId: string, patch: Partial<ClientMembership>) => void;
+}) {
+  const [editingMembershipId, setEditingMembershipId] = useState<string | null>(null);
   const rows = isRoot
     ? data.memberships.map((membership) => ({ membership, user: getUser(data, membership.userId), client: getClient(data, membership.clientId) }))
     : data.memberships
         .filter((membership) => membership.clientId === clientId)
         .map((membership) => ({ membership, user: getUser(data, membership.userId), client: getClient(data, membership.clientId) }));
+  const editingRow = rows.find((row) => row.membership.id === editingMembershipId) ?? null;
 
   return (
-    <GlassSurface className="table-shell">
-      <div className="table-toolbar">
-        <h3>Участники</h3>
-        <Button variant="primary" icon={<MailPlus size={16} />}>
-          Пригласить
-        </Button>
-      </div>
-      <table>
-        <thead>
-          <tr>
-            <th>Пользователь</th>
-            {isRoot ? <th>Клиент</th> : null}
-            <th>Роль</th>
-            <th>Группы</th>
-            <th>Статус</th>
-          </tr>
-        </thead>
-        <tbody>
-          {rows.map(({ membership, user, client }) => (
-            <tr key={membership.id}>
-              <td>
-                <strong>{user.name}</strong>
-                <small>{user.email}</small>
-              </td>
-              {isRoot ? <td>{client.name}</td> : null}
-              <td>{roleLabel(membership.role)}</td>
-              <td>{data.groups.filter((group) => group.clientId === membership.clientId && group.memberIds.includes(user.id)).map((group) => group.name).join(", ") || "—"}</td>
-              <td>
-                <UserStatusBadge status={user.globalStatus} />
-              </td>
+    <>
+      <GlassSurface className="table-shell">
+        <div className="table-toolbar">
+          <h3>Участники</h3>
+          <IconButton label="Создать инвайт" className="admin-circle-action admin-circle-action--solid" type="button">
+            <MailPlus size={16} />
+          </IconButton>
+        </div>
+        <table className="admin-data-table">
+          <thead>
+            <tr>
+              <th>Пользователь</th>
+              {isRoot ? <th>Клиент</th> : null}
+              <th>Роль</th>
+              <th>Группы</th>
+              <th>Статус</th>
+              <th>Доступ</th>
+              <th aria-label="Редактирование" />
             </tr>
-          ))}
-        </tbody>
-      </table>
-    </GlassSurface>
+          </thead>
+          <tbody>
+            {rows.map(({ membership, user, client }) => (
+              <tr key={membership.id}>
+                <td className="services-admin-table__service">
+                  <input
+                    className="admin-table-input admin-table-input--strong"
+                    value={user.name}
+                    onChange={(event) => onUpdateUser(user.id, { name: event.target.value })}
+                    aria-label={`Имя пользователя ${user.name}`}
+                  />
+                  <input
+                    className="admin-table-input admin-table-input--muted"
+                    value={user.email}
+                    onChange={(event) => onUpdateUser(user.id, { email: event.target.value })}
+                    aria-label={`Email пользователя ${user.name}`}
+                  />
+                </td>
+                {isRoot ? <td>{client.name}</td> : null}
+                <td>
+                  <select
+                    className="admin-table-input admin-table-input--select"
+                    value={membership.role}
+                    onChange={(event) => onUpdateMembership(membership.id, { role: event.target.value as ClientMembershipRole })}
+                    aria-label={`Роль ${user.name}`}
+                  >
+                    <option value="client_owner">Owner</option>
+                    <option value="client_admin">Admin</option>
+                    <option value="member">Member</option>
+                  </select>
+                </td>
+                <td>
+                  {data.groups
+                    .filter((group) => group.clientId === membership.clientId && group.memberIds.includes(user.id))
+                    .map((group) => group.name)
+                    .join(", ") || "—"}
+                </td>
+                <td>
+                  <AdminStatusDropdown
+                    value={user.globalStatus}
+                    options={userStatusOptions}
+                    label={`Статус пользователя ${user.name}`}
+                    onChange={(status) => onUpdateUser(user.id, { globalStatus: status })}
+                  />
+                </td>
+                <td>
+                  <AdminStatusDropdown
+                    value={membership.status}
+                    options={membershipStatusOptions}
+                    label={`Доступ пользователя ${user.name}`}
+                    onChange={(status) => onUpdateMembership(membership.id, { status })}
+                  />
+                </td>
+                <td className="services-admin-table__actions">
+                  <IconButton
+                    label={`Редактировать пользователя ${user.name}`}
+                    className="admin-circle-action services-admin-table__edit"
+                    type="button"
+                    onClick={() => setEditingMembershipId(membership.id)}
+                  >
+                    <Edit3 size={15} />
+                  </IconButton>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </GlassSurface>
+
+      {editingRow ? (
+        <UserEditorModal
+          user={editingRow.user}
+          membership={editingRow.membership}
+          client={editingRow.client}
+          onClose={() => setEditingMembershipId(null)}
+          onSave={(userPatch, membershipPatch) => {
+            onUpdateUser(editingRow.user.id, userPatch);
+            onUpdateMembership(editingRow.membership.id, membershipPatch);
+            setEditingMembershipId(null);
+          }}
+        />
+      ) : null}
+    </>
   );
 }
 
-function GroupsSection({ data, clientId }: { data: LauncherData; clientId: string }) {
+function GroupsSection({
+  data,
+  clientId,
+  onCreateGroup,
+  onUpdateGroup,
+}: {
+  data: LauncherData;
+  clientId: string;
+  onCreateGroup: (clientId: string) => void;
+  onUpdateGroup: (groupId: string, patch: Partial<ClientGroup>) => void;
+}) {
+  const [editingGroupId, setEditingGroupId] = useState<string | null>(null);
   const groups = data.groups.filter((group) => group.clientId === clientId);
+  const editingGroup = groups.find((group) => group.id === editingGroupId) ?? null;
 
   return (
-    <GlassSurface className="table-shell">
-      <div className="table-toolbar">
-        <h3>Группы</h3>
-        <Button variant="primary" icon={<ListChecks size={16} />}>
-          Создать группу
-        </Button>
-      </div>
-      <table>
-        <thead>
-          <tr>
-            <th>Название</th>
-            <th>Описание</th>
-            <th>Участников</th>
-            <th>Подключённые сервисы</th>
-          </tr>
-        </thead>
-        <tbody>
-          {groups.map((group) => (
-            <tr key={group.id}>
-              <td>
-                <strong>{group.name}</strong>
-              </td>
-              <td>{group.description}</td>
-              <td>{group.memberIds.length}</td>
-              <td>{data.grants.filter((grant) => grant.targetType === "group" && grant.targetId === group.id).length}</td>
+    <>
+      <GlassSurface className="table-shell">
+        <div className="table-toolbar">
+          <h3>Группы</h3>
+          <IconButton label="Создать группу" className="admin-circle-action admin-circle-action--solid" type="button" onClick={() => onCreateGroup(clientId)}>
+            <Plus size={17} />
+          </IconButton>
+        </div>
+        <table className="admin-data-table">
+          <thead>
+            <tr>
+              <th>Название</th>
+              <th>Описание</th>
+              <th>Участников</th>
+              <th>Подключённые сервисы</th>
+              <th aria-label="Редактирование" />
             </tr>
-          ))}
-        </tbody>
-      </table>
-    </GlassSurface>
+          </thead>
+          <tbody>
+            {groups.map((group) => (
+              <tr key={group.id}>
+                <td>
+                  <input
+                    className="admin-table-input admin-table-input--strong"
+                    value={group.name}
+                    onChange={(event) => onUpdateGroup(group.id, { name: event.target.value })}
+                    aria-label={`Название группы ${group.name}`}
+                  />
+                </td>
+                <td>
+                  <input
+                    className="admin-table-input"
+                    value={group.description ?? ""}
+                    onChange={(event) => onUpdateGroup(group.id, { description: event.target.value || null })}
+                    aria-label={`Описание группы ${group.name}`}
+                  />
+                </td>
+                <td>{group.memberIds.length}</td>
+                <td>{data.grants.filter((grant) => grant.targetType === "group" && grant.targetId === group.id).length}</td>
+                <td className="services-admin-table__actions">
+                  <IconButton
+                    label={`Редактировать группу ${group.name}`}
+                    className="admin-circle-action services-admin-table__edit"
+                    type="button"
+                    onClick={() => setEditingGroupId(group.id)}
+                  >
+                    <Edit3 size={15} />
+                  </IconButton>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </GlassSurface>
+
+      {editingGroup ? (
+        <GroupEditorModal
+          group={editingGroup}
+          users={data.memberships
+            .filter((membership) => membership.clientId === clientId)
+            .map((membership) => getUser(data, membership.userId))}
+          onClose={() => setEditingGroupId(null)}
+          onSave={(patch) => {
+            onUpdateGroup(editingGroup.id, patch);
+            setEditingGroupId(null);
+          }}
+        />
+      ) : null}
+    </>
   );
 }
 
@@ -422,6 +664,48 @@ const serviceStatusOptions: Array<{ value: ServiceStatus; label: string }> = [
   { value: "disabled", label: "Отключён" },
 ];
 
+type AdminStatusTone = "green" | "yellow" | "red" | "violet" | "muted";
+type AdminStatusOption<T extends string> = { value: T; label: string; tone: AdminStatusTone };
+
+const clientStatusOptions: Array<AdminStatusOption<ClientStatus>> = [
+  { value: "active", label: "Активен", tone: "green" },
+  { value: "demo", label: "Demo", tone: "yellow" },
+  { value: "suspended", label: "Приостановлен", tone: "red" },
+  { value: "expired", label: "Истёк", tone: "red" },
+];
+
+const userStatusOptions: Array<AdminStatusOption<LauncherUserStatus>> = [
+  { value: "active", label: "Активен", tone: "green" },
+  { value: "invited", label: "Приглашён", tone: "yellow" },
+  { value: "blocked", label: "Заблокирован", tone: "red" },
+];
+
+const membershipStatusOptions: Array<AdminStatusOption<ClientMembershipStatus>> = [
+  { value: "active", label: "Включён", tone: "green" },
+  { value: "disabled", label: "Отключён", tone: "red" },
+];
+
+const inviteStatusOptions: Array<AdminStatusOption<InviteStatus>> = [
+  { value: "created", label: "Создан", tone: "muted" },
+  { value: "sent", label: "Отправлен", tone: "green" },
+  { value: "accepted", label: "Принят", tone: "green" },
+  { value: "expired", label: "Истёк", tone: "red" },
+  { value: "revoked", label: "Отозван", tone: "red" },
+];
+
+const syncStatusOptions: Array<AdminStatusOption<SyncState>> = [
+  { value: "synced", label: "Синхронизировано", tone: "green" },
+  { value: "pending", label: "В очереди", tone: "yellow" },
+  { value: "error", label: "Ошибка", tone: "red" },
+  { value: "disabled", label: "Отключено", tone: "muted" },
+];
+
+const auditResultOptions: Array<AdminStatusOption<"success" | "warning" | "error">> = [
+  { value: "success", label: "Успех", tone: "green" },
+  { value: "warning", label: "Внимание", tone: "yellow" },
+  { value: "error", label: "Ошибка", tone: "red" },
+];
+
 const mediaAccept = "image/*,video/*,.gif,.webm,.mov,.mp4,.m4v,.avi,.mkv";
 
 function ServicesSection({
@@ -763,6 +1047,188 @@ function ServiceStatusDropdown({
   );
 }
 
+function AdminStatusDropdown<T extends string>({
+  value,
+  options,
+  label,
+  onChange,
+}: {
+  value: T;
+  options: Array<AdminStatusOption<T>>;
+  label: string;
+  onChange: (value: T) => void;
+}) {
+  const triggerRef = useRef<HTMLButtonElement | null>(null);
+  const [open, setOpen] = useState(false);
+  const [menuStyle, setMenuStyle] = useState<React.CSSProperties>();
+  const selectedOption = options.find((option) => option.value === value) ?? options[0];
+
+  useEffect(() => {
+    if (!open) return;
+
+    const handlePointerDown = (event: PointerEvent) => {
+      const target = event.target as HTMLElement | null;
+
+      if (target && (triggerRef.current?.contains(target) || target.closest("[data-admin-status-menu='true']"))) {
+        return;
+      }
+
+      setOpen(false);
+    };
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+
+  function toggleOpen() {
+    const rect = triggerRef.current?.getBoundingClientRect();
+
+    if (rect) {
+      setMenuStyle({
+        top: rect.bottom + 8,
+        left: rect.left,
+        width: Math.max(rect.width, 164),
+      });
+    }
+
+    setOpen((current) => !current);
+  }
+
+  return (
+    <div className="admin-status-dropdown">
+      <button
+        ref={triggerRef}
+        className="admin-status-trigger"
+        data-tone={selectedOption.tone}
+        type="button"
+        aria-label={label}
+        aria-expanded={open}
+        onClick={toggleOpen}
+      >
+        <span>{selectedOption.label}</span>
+      </button>
+
+      <PortalDropdown open={open} style={menuStyle}>
+        <div className="admin-status-menu" data-admin-status-menu="true">
+          {options.map((option) => (
+            <button
+              key={option.value}
+              className="admin-status-menu__option"
+              data-selected={option.value === value}
+              data-tone={option.tone}
+              type="button"
+              onClick={() => {
+                onChange(option.value);
+                setOpen(false);
+              }}
+            >
+              <span className="admin-status-menu__mark" aria-hidden="true" />
+              <span>{option.label}</span>
+            </button>
+          ))}
+        </div>
+      </PortalDropdown>
+    </div>
+  );
+}
+
+function AdminStatusPill<T extends string>({ value, options }: { value: T; options: Array<AdminStatusOption<T>> }) {
+  const option = options.find((item) => item.value === value) ?? options[0];
+  return (
+    <span className="admin-status-trigger admin-status-trigger--static" data-tone={option.tone}>
+      <span>{option.label}</span>
+    </span>
+  );
+}
+
+function DateField({
+  value,
+  label,
+  onChange,
+}: {
+  value: string | null;
+  label: string;
+  onChange: (value: string | null) => void;
+}) {
+  const triggerRef = useRef<HTMLButtonElement | null>(null);
+  const [open, setOpen] = useState(false);
+  const [menuStyle, setMenuStyle] = useState<React.CSSProperties>();
+  const inputValue = toDateInputValue(value);
+
+  useEffect(() => {
+    if (!open) return;
+
+    const handlePointerDown = (event: PointerEvent) => {
+      const target = event.target as HTMLElement | null;
+
+      if (target && (triggerRef.current?.contains(target) || target.closest("[data-admin-date-popover='true']"))) {
+        return;
+      }
+
+      setOpen(false);
+    };
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleKeyDown);
+
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+
+  function toggleOpen() {
+    const rect = triggerRef.current?.getBoundingClientRect();
+
+    if (rect) {
+      setMenuStyle({
+        top: rect.bottom + 8,
+        left: rect.left,
+        width: 248,
+      });
+    }
+
+    setOpen((current) => !current);
+  }
+
+  return (
+    <div className="admin-date-field">
+      <button ref={triggerRef} className="admin-date-trigger" type="button" aria-label={label} onClick={toggleOpen}>
+        <CalendarDays size={14} />
+        <span>{value ? formatDate(value) : "—"}</span>
+      </button>
+      <PortalDropdown open={open} style={menuStyle}>
+        <div className="admin-date-popover nodedc-calendar-shell" data-admin-date-popover="true">
+          <input
+            type="date"
+            value={inputValue}
+            onChange={(event) => onChange(fromDateInputValue(event.target.value))}
+          />
+          <div className="admin-date-popover__actions">
+            <button type="button" onClick={() => onChange(null)}>
+              Сбросить
+            </button>
+            <button type="button" onClick={() => setOpen(false)}>
+              Готово
+            </button>
+          </div>
+        </div>
+      </PortalDropdown>
+    </div>
+  );
+}
+
 function ServiceContentModal({
   service,
   onClose,
@@ -950,6 +1416,259 @@ function ServiceContentModal({
   );
 }
 
+function ClientEditorModal({
+  client,
+  onClose,
+  onSave,
+}: {
+  client: Client;
+  onClose: () => void;
+  onSave: (patch: Partial<Client>) => void;
+}) {
+  const [draft, setDraft] = useState<Client>(client);
+
+  useEffect(() => setDraft(client), [client]);
+
+  function update<K extends keyof Client>(key: K, value: Client[K]) {
+    setDraft((current) => ({ ...current, [key]: value }));
+  }
+
+  return (
+    <div className="service-content-modal-layer" role="dialog" aria-modal="true" aria-label={`Редактор клиента ${client.name}`}>
+      <article className="service-content-modal admin-entity-modal">
+        <EntityModalHead eyebrow="Клиент" title={client.name} onClose={onClose} />
+        <div className="service-content-modal__grid">
+          <label className="service-content-field">
+            <span>Название</span>
+            <input value={draft.name} onChange={(event) => update("name", event.target.value)} />
+          </label>
+          <label className="service-content-field">
+            <span>Юридическое название</span>
+            <input value={draft.legalName ?? ""} onChange={(event) => update("legalName", event.target.value || null)} />
+          </label>
+          <label className="service-content-field">
+            <span>ИНН</span>
+            <input value={draft.inn ?? ""} onChange={(event) => update("inn", event.target.value || null)} />
+          </label>
+          <label className="service-content-field">
+            <span>Тип</span>
+            <select value={draft.type} onChange={(event) => update("type", event.target.value as ClientType)}>
+              <option value="company">Компания</option>
+              <option value="person">Частное лицо</option>
+            </select>
+          </label>
+          <div className="service-content-field">
+            <span>Статус</span>
+            <AdminStatusDropdown value={draft.status} options={clientStatusOptions} label="Статус клиента" onChange={(status) => update("status", status)} />
+          </div>
+          <label className="service-content-field">
+            <span>Контактное лицо</span>
+            <input value={draft.contactName ?? ""} onChange={(event) => update("contactName", event.target.value || null)} />
+          </label>
+          <label className="service-content-field">
+            <span>Email</span>
+            <input value={draft.contactEmail ?? ""} onChange={(event) => update("contactEmail", event.target.value || null)} />
+          </label>
+          <div className="service-content-field">
+            <span>Демо до</span>
+            <DateField value={draft.demoEndsAt ?? null} label="Демо до" onChange={(value) => update("demoEndsAt", value)} />
+          </div>
+          <div className="service-content-field">
+            <span>Договор с</span>
+            <DateField value={draft.contractStartsAt ?? null} label="Договор с" onChange={(value) => update("contractStartsAt", value)} />
+          </div>
+          <div className="service-content-field">
+            <span>Договор до</span>
+            <DateField value={draft.contractEndsAt ?? null} label="Договор до" onChange={(value) => update("contractEndsAt", value)} />
+          </div>
+          <div className="service-content-field">
+            <span>Оплачено до</span>
+            <DateField value={draft.paidUntil ?? null} label="Оплачено до" onChange={(value) => update("paidUntil", value)} />
+          </div>
+          <label className="service-content-field service-content-field--wide">
+            <span>Заметки</span>
+            <textarea value={draft.notes ?? ""} onChange={(event) => update("notes", event.target.value || null)} rows={4} />
+          </label>
+        </div>
+        <EntityModalFoot onClose={onClose} onSave={() => onSave(draft)} />
+      </article>
+    </div>
+  );
+}
+
+function UserEditorModal({
+  user,
+  membership,
+  client,
+  onClose,
+  onSave,
+}: {
+  user: LauncherUser;
+  membership: ClientMembership;
+  client: Client;
+  onClose: () => void;
+  onSave: (userPatch: Partial<LauncherUser>, membershipPatch: Partial<ClientMembership>) => void;
+}) {
+  const [userDraft, setUserDraft] = useState<LauncherUser>(user);
+  const [membershipDraft, setMembershipDraft] = useState<ClientMembership>(membership);
+
+  useEffect(() => {
+    setUserDraft(user);
+    setMembershipDraft(membership);
+  }, [membership, user]);
+
+  function updateUser<K extends keyof LauncherUser>(key: K, value: LauncherUser[K]) {
+    setUserDraft((current) => ({ ...current, [key]: value }));
+  }
+
+  function updateMembership<K extends keyof ClientMembership>(key: K, value: ClientMembership[K]) {
+    setMembershipDraft((current) => ({ ...current, [key]: value }));
+  }
+
+  return (
+    <div className="service-content-modal-layer" role="dialog" aria-modal="true" aria-label={`Редактор пользователя ${user.name}`}>
+      <article className="service-content-modal admin-entity-modal">
+        <EntityModalHead eyebrow={client.name} title={user.name} onClose={onClose} />
+        <div className="service-content-modal__grid">
+          <label className="service-content-field">
+            <span>Имя</span>
+            <input value={userDraft.name} onChange={(event) => updateUser("name", event.target.value)} />
+          </label>
+          <label className="service-content-field">
+            <span>Email</span>
+            <input value={userDraft.email} onChange={(event) => updateUser("email", event.target.value)} />
+          </label>
+          <label className="service-content-field">
+            <span>Телефон</span>
+            <input value={userDraft.phone ?? ""} onChange={(event) => updateUser("phone", event.target.value || null)} />
+          </label>
+          <label className="service-content-field">
+            <span>Должность</span>
+            <input value={userDraft.position ?? ""} onChange={(event) => updateUser("position", event.target.value || null)} />
+          </label>
+          <div className="service-content-field">
+            <span>Статус</span>
+            <AdminStatusDropdown value={userDraft.globalStatus} options={userStatusOptions} label="Статус пользователя" onChange={(status) => updateUser("globalStatus", status)} />
+          </div>
+          <label className="service-content-field">
+            <span>Роль в клиенте</span>
+            <select value={membershipDraft.role} onChange={(event) => updateMembership("role", event.target.value as ClientMembershipRole)}>
+              <option value="client_owner">Client Owner</option>
+              <option value="client_admin">Client Admin</option>
+              <option value="member">Member</option>
+            </select>
+          </label>
+          <div className="service-content-field">
+            <span>Доступ</span>
+            <AdminStatusDropdown
+              value={membershipDraft.status}
+              options={membershipStatusOptions}
+              label="Доступ пользователя"
+              onChange={(status) => updateMembership("status", status)}
+            />
+          </div>
+          <label className="service-content-field service-content-field--wide">
+            <span>Заметки</span>
+            <textarea value={userDraft.notes ?? ""} onChange={(event) => updateUser("notes", event.target.value || null)} rows={4} />
+          </label>
+        </div>
+        <EntityModalFoot onClose={onClose} onSave={() => onSave(userDraft, membershipDraft)} />
+      </article>
+    </div>
+  );
+}
+
+function GroupEditorModal({
+  group,
+  users,
+  onClose,
+  onSave,
+}: {
+  group: ClientGroup;
+  users: LauncherUser[];
+  onClose: () => void;
+  onSave: (patch: Partial<ClientGroup>) => void;
+}) {
+  const [draft, setDraft] = useState<ClientGroup>(group);
+
+  useEffect(() => setDraft(group), [group]);
+
+  function toggleUser(userId: string) {
+    setDraft((current) => ({
+      ...current,
+      memberIds: current.memberIds.includes(userId)
+        ? current.memberIds.filter((item) => item !== userId)
+        : [...current.memberIds, userId],
+    }));
+  }
+
+  return (
+    <div className="service-content-modal-layer" role="dialog" aria-modal="true" aria-label={`Редактор группы ${group.name}`}>
+      <article className="service-content-modal admin-entity-modal">
+        <EntityModalHead eyebrow="Группа" title={group.name} onClose={onClose} />
+        <div className="service-content-modal__grid">
+          <label className="service-content-field">
+            <span>Название</span>
+            <input value={draft.name} onChange={(event) => setDraft((current) => ({ ...current, name: event.target.value }))} />
+          </label>
+          <label className="service-content-field service-content-field--wide">
+            <span>Описание</span>
+            <textarea
+              value={draft.description ?? ""}
+              onChange={(event) => setDraft((current) => ({ ...current, description: event.target.value || null }))}
+              rows={4}
+            />
+          </label>
+          <div className="service-content-field service-content-field--wide">
+            <span>Участники</span>
+            <div className="admin-token-grid">
+              {users.map((user) => (
+                <button
+                  key={user.id}
+                  className="admin-token"
+                  data-active={draft.memberIds.includes(user.id)}
+                  type="button"
+                  onClick={() => toggleUser(user.id)}
+                >
+                  {user.name}
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+        <EntityModalFoot onClose={onClose} onSave={() => onSave(draft)} />
+      </article>
+    </div>
+  );
+}
+
+function EntityModalHead({ eyebrow, title, onClose }: { eyebrow: string; title: string; onClose: () => void }) {
+  return (
+    <div className="service-content-modal__head">
+      <div>
+        <p className="eyebrow">{eyebrow}</p>
+        <h3>{title}</h3>
+      </div>
+      <IconButton label="Закрыть редактор" className="admin-circle-action" type="button" onClick={onClose}>
+        <X size={15} strokeWidth={1.45} />
+      </IconButton>
+    </div>
+  );
+}
+
+function EntityModalFoot({ onClose, onSave }: { onClose: () => void; onSave: () => void }) {
+  return (
+    <div className="service-content-modal__foot">
+      <Button variant="secondary" type="button" onClick={onClose}>
+        Отмена
+      </Button>
+      <Button variant="primary" type="button" icon={<Save size={16} />} onClick={onSave}>
+        Сохранить
+      </Button>
+    </div>
+  );
+}
+
 function MediaSourceField({
   label,
   icon,
@@ -1172,46 +1891,59 @@ function InvitesSection({
   clientId,
   actorUserId,
   onCreateInvite,
+  onUpdateInvite,
 }: {
   data: LauncherData;
   clientId: string;
   actorUserId: string;
   onCreateInvite: (invite: Pick<Invite, "clientId" | "email" | "role">) => void;
+  onUpdateInvite: (inviteId: string, patch: Partial<Invite>) => void;
 }) {
   const [email, setEmail] = useState("");
   const [role, setRole] = useState<ClientMembershipRole>("member");
   const invites = data.invites.filter((invite) => invite.clientId === clientId);
+  const actor = getUser(data, actorUserId);
+
+  function handleCreateInvite() {
+    if (!email.trim()) return;
+
+    onCreateInvite({ clientId, email: email.trim(), role });
+    setEmail("");
+    setRole("member");
+  }
 
   return (
-    <div className="invites-layout">
-      <GlassSurface className="invite-form">
-        <p className="eyebrow">Mock invite</p>
-        <h3>Создать приглашение</h3>
-        <input value={email} onChange={(event) => setEmail(event.target.value)} placeholder="email@company.ru" />
-        <select value={role} onChange={(event) => setRole(event.target.value as ClientMembershipRole)}>
-          <option value="member">member</option>
-          <option value="client_admin">client_admin</option>
-        </select>
-        <Button
-          variant="primary"
-          icon={<MailPlus size={16} />}
-          disabled={!email.trim()}
-          onClick={() => {
-            onCreateInvite({ clientId, email, role });
-            setEmail("");
-            setRole("member");
-            void actorUserId;
-          }}
-        >
-          Сгенерировать ссылку
-        </Button>
+    <div className="invites-layout invites-layout--catalog">
+      <GlassSurface className="invite-form invite-form--compact">
+        <div className="table-toolbar">
+          <div>
+            <p className="eyebrow">Инвайт от {actor.name}</p>
+            <h3>Создать приглашение</h3>
+          </div>
+          <IconButton
+            label="Сгенерировать ссылку"
+            className="admin-circle-action admin-circle-action--solid"
+            type="button"
+            disabled={!email.trim()}
+            onClick={handleCreateInvite}
+          >
+            <MailPlus size={16} />
+          </IconButton>
+        </div>
+        <div className="invite-form__fields">
+          <input value={email} onChange={(event) => setEmail(event.target.value)} placeholder="email@company.ru" />
+          <select value={role} onChange={(event) => setRole(event.target.value as ClientMembershipRole)}>
+            <option value="member">Member</option>
+            <option value="client_admin">Client Admin</option>
+          </select>
+        </div>
       </GlassSurface>
 
       <GlassSurface className="table-shell">
         <div className="table-toolbar">
           <h3>Инвайты</h3>
         </div>
-        <table>
+        <table className="admin-data-table">
           <thead>
             <tr>
               <th>Email</th>
@@ -1224,13 +1956,55 @@ function InvitesSection({
           <tbody>
             {invites.map((invite) => (
               <tr key={invite.id}>
-                <td>{invite.email}</td>
-                <td>{invite.role}</td>
-                <td>{invite.status}</td>
                 <td>
-                  <code>{`/invite/${invite.token}`}</code>
+                  <input
+                    className="admin-table-input admin-table-input--strong"
+                    value={invite.email}
+                    onChange={(event) => onUpdateInvite(invite.id, { email: event.target.value })}
+                    aria-label={`Email инвайта ${invite.email}`}
+                  />
+                </td>
+                <td>
+                  <select
+                    className="admin-table-input admin-table-input--select"
+                    value={invite.role}
+                    onChange={(event) => onUpdateInvite(invite.id, { role: event.target.value as ClientMembershipRole })}
+                    aria-label={`Роль инвайта ${invite.email}`}
+                  >
+                    <option value="member">Member</option>
+                    <option value="client_admin">Client Admin</option>
+                  </select>
+                </td>
+                <td>
+                  <AdminStatusDropdown
+                    value={invite.status}
+                    options={inviteStatusOptions}
+                    label={`Статус инвайта ${invite.email}`}
+                    onChange={(status) => onUpdateInvite(invite.id, { status })}
+                  />
+                </td>
+                <td>
+                  <div className="invite-link-cell">
+                    <code>{`/invite/${invite.token}`}</code>
+                    <IconButton
+                      label={`Скопировать инвайт ${invite.email}`}
+                      className="admin-circle-action services-admin-table__edit"
+                      type="button"
+                      onClick={() => void navigator.clipboard?.writeText(`/invite/${invite.token}`)}
+                    >
+                      <Copy size={14} />
+                    </IconButton>
+                  </div>
+                </td>
+                <td>
+                  <DateField
+                    value={invite.expiresAt}
+                    label={`Инвайт истекает ${invite.email}`}
+                    onChange={(value) => {
+                      if (value) onUpdateInvite(invite.id, { expiresAt: value });
+                    }}
+                  />
                 </td>
-                <td>{formatDate(invite.expiresAt)}</td>
               </tr>
             ))}
           </tbody>
@@ -1256,15 +2030,19 @@ function SyncSection({
   return (
     <GlassSurface className="table-shell">
       <div className="table-toolbar">
-        <h3>Синхронизация</h3>
+        <div>
+          <h3>Синхронизация</h3>
+          <p className="admin-helper-note">Контроль доставки изменений в Authentik, сервисы и внешние контуры. Ошибочные строки можно отправить повторно.</p>
+        </div>
       </div>
-      <table>
+      <table className="admin-data-table">
         <thead>
           <tr>
             <th>Объект</th>
             <th>Тип</th>
             <th>Цель</th>
             <th>Статус</th>
+            <th>Последняя sync</th>
             <th>Ошибка</th>
             <th>Действие</th>
           </tr>
@@ -1276,13 +2054,19 @@ function SyncSection({
               <td>{sync.objectType}</td>
               <td>{targetLabel(sync.target)}</td>
               <td>
-                <SyncStatusBadge state={sync.state} />
+                <AdminStatusPill value={sync.state} options={syncStatusOptions} />
               </td>
+              <td>{formatDateTime(sync.lastSyncAt ?? sync.updatedAt)}</td>
               <td>{sync.error ?? "—"}</td>
               <td>
-                <Button variant="secondary" icon={<RefreshCw size={14} />} onClick={() => onRetrySync(sync.id)}>
-                  Повторить
-                </Button>
+                <IconButton
+                  label={`Повторить синхронизацию ${sync.objectName}`}
+                  className="admin-circle-action services-admin-table__edit"
+                  type="button"
+                  onClick={() => onRetrySync(sync.id)}
+                >
+                  <RefreshCw size={15} />
+                </IconButton>
               </td>
             </tr>
           ))}
@@ -1296,9 +2080,12 @@ function AuditSection({ data }: { data: LauncherData }) {
   return (
     <GlassSurface className="table-shell">
       <div className="table-toolbar">
-        <h3>Аудит</h3>
+        <div>
+          <h3>Аудит</h3>
+          <p className="admin-helper-note">Журнал действий: кто менял доступы, каталоги, инвайты и синхронизацию. Нужен для разбора спорных изменений.</p>
+        </div>
       </div>
-      <table>
+      <table className="admin-data-table">
         <thead>
           <tr>
             <th>Дата</th>
@@ -1316,7 +2103,9 @@ function AuditSection({ data }: { data: LauncherData }) {
               <td>{event.actorName}</td>
               <td>{event.action}</td>
               <td>{event.objectName}</td>
-              <td>{event.result}</td>
+              <td>
+                <AdminStatusPill value={event.result} options={auditResultOptions} />
+              </td>
               <td>{event.details ?? "—"}</td>
             </tr>
           ))}
@@ -1363,6 +2152,21 @@ function InfoLine({ label, value }: { label: string; value: string }) {
   );
 }
 
+function toDateInputValue(value: string | null): string {
+  if (!value) return "";
+
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value.slice(0, 10);
+
+  return date.toISOString().slice(0, 10);
+}
+
+function fromDateInputValue(value: string): string | null {
+  if (!value) return null;
+
+  return new Date(`${value}T00:00:00`).toISOString();
+}
+
 function roleLabel(role: string): string {
   const labels: Record<string, string> = {
     root_admin: "Root Admin",