diff --git a/docs/modules/program-management.md b/docs/modules/program-management.md
new file mode 100644
index 000000000..80c05429b
--- /dev/null
+++ b/docs/modules/program-management.md
@@ -0,0 +1,42 @@
+<!-- @format -->
+
+# Управление программой · V1
+
+Дизайн утверждён пользователем 17.10.2026 («В целом да»).
+[Figma V1](https://www.figma.com/design/tvog0fpEgWgEtr7KUTjbyE?node-id=201-5390).
+
+Организатору доступны два входа вокруг аватара программы: «Оценка проектов» и «Управление программой». Последний открывает участников. Старые отдельные кнопки участников и проектов у организатора убраны. Эксперт без роли организатора сохраняет прежний маршрут оценивания.
+
+## Границы
+
+- Участники: таблица ФИО, почты, города и даты регистрации именно в программе; только чтение, поиск по имени/почте, серверная пагинация.
+- Проекты: сдача и оценивание раздельно, кейс, руководитель и прямая ссылка на презентацию. Выбор одной строки открывает одну панель с просмотром команды и переходом к оценке.
+- Команда: состав и роли; desktop side panel, mobile full screen. Закрытие возвращает фокус; возврат из оценки восстанавливает выбор и query списка.
+- Оценивание: чтение оценок выбранного проекта. Существующий эксперт дополнительно получает переход в прежнюю форму с точным `project_id`. Роль организатора сама по себе не даёт право выставлять оценки. Несданное решение и неконкурсная программа блокируют переход из списка.
+- Аналитика: существующий компонент и API, без изменения определений показателей.
+- Настройки: Основное, Сроки, Материалы. Явное сохранение, предупреждение об уходе, сохранение введённых значений при ошибке, optimistic concurrency. Даты явно в Москве UTC+3. Повторное открытие истёкшего срока требует подтверждения сервера.
+- Материалы: файл через существующий FileService либо URL; изменение и удаление записи программы сохраняют исходный UserFile.
+
+Индивидуальные действия с участниками, массовые операции, исключение проектов, возврат на доработку и смена кейса отложены.
+
+## Интеграция
+
+Новый приватный port/use case/repository/HTTP adapter использует `/programs/:id/management/`. CamelcaseInterceptor сохраняет существующее преобразование JSON. Почта и прочие приватные данные не попадают в общий EntityCache. После записи событие ProgramUpdated очищает кеш страницы и списка программ, включая persistent cache; старый ответ списка не заменяет новые данные.
+
+Backend проверяет manager именно этой программы либо существующий staff/superuser scope. Прямые чужие ID и эксперт без manager не получают доступ. Полный контракт находится в backend `docs/modules/program-management.md`. Backend PR должен попасть в dev раньше UI.
+
+Native adapters Button/Field/Choice/Table, существующие Modal/Icon/Pagination/Alert и Mont сохраняют PROCOLLAB DS. Foundation подключена локально также на desktop; глобальные компоненты не менялись.
+
+## Verification · 17.10.2026
+
+52 теста Vitest в семи файлах: management facade, компонент, HTTP contract, утилиты дат/статусов, ProgramRepository, ProgramShellInfoService и существующий FileService. Проверены отмена устаревших запросов и сброс приватных данных при 403, выбор, dirty confirmation, версия записи, загрузка multipart через FileService и кеш после сохранения.
+
+Полный настроенный Vitest-прогон: **2117 PASS / 416 файлов**. Ожидание ссылки organizer role widget обновлено на `/management/analytics`; прежний экспертный маршрут сохранён. Общая проверка Prettier проходит с `--end-of-line auto` для Windows checkout с CRLF; изменённые файлы отдельно проходят обычный `--check`.
+
+`ng build social_platform --configuration=production` проходит. Сохраняются предупреждения Sass/CommonJS и budget warnings; ошибок сборки нет. Новая SCSS укладывается в error budget. Targeted ESLint, Stylelint и форматирование проверены отдельно.
+
+Headless Chrome, реальная production-сборка + локальный Django/PostgreSQL: участники, почта, no-results/reset, выбор и команда с возвратом фокуса, возврат из оценки, readonly manager, settings save/error/dirty leave, обновление публичной страницы, повторное открытие срока (cancel/save), material URL CRUD, аналитика, 403. Проверены desktop1440/mobile390/360; переполнения нет. Часовой пояс браузера America/Los_Angeles подтверждает независимость московских полей.
+
+Снимки локальной проверки: [участники desktop](../qa/program-management-v1/participants-desktop.png), [проекты mobile](../qa/program-management-v1/projects-mobile.png), [команда desktop](../qa/program-management-v1/team-desktop.png). Данные демонстрационные; внешний placeholder аватара заблокирован в тестовом браузере.
+
+Реальная загрузка в Selectel CDN, dev после merge и production не проверялись. FileService не менялся; ownership, переключение file→URL и сохранность исходного файла проверены backend tests. Нужна обычная приёмка на dev после обоих merge; merge/deploy выполняет пользователь.
diff --git a/docs/qa/program-management-v1/participants-desktop.png b/docs/qa/program-management-v1/participants-desktop.png
new file mode 100644
index 000000000..44feb46fc
Binary files /dev/null and b/docs/qa/program-management-v1/participants-desktop.png differ
diff --git a/docs/qa/program-management-v1/projects-mobile.png b/docs/qa/program-management-v1/projects-mobile.png
new file mode 100644
index 000000000..8f7eb90fb
Binary files /dev/null and b/docs/qa/program-management-v1/projects-mobile.png differ
diff --git a/docs/qa/program-management-v1/team-desktop.png b/docs/qa/program-management-v1/team-desktop.png
new file mode 100644
index 000000000..93f2b571f
Binary files /dev/null and b/docs/qa/program-management-v1/team-desktop.png differ
diff --git a/projects/social_platform/src/app/api/paths/app-routes.ts b/projects/social_platform/src/app/api/paths/app-routes.ts
index d0dbd8d7d..f3d49c7d2 100644
--- a/projects/social_platform/src/app/api/paths/app-routes.ts
+++ b/projects/social_platform/src/app/api/paths/app-routes.ts
@@ -42,6 +42,8 @@ export const AppRoutes = {
   },
 
   program: {
+    management: (programId: number | string, section: string = "participants") =>
+      `/office/program/${programId}/management/${section}`,
     root: () => "/office/program",
     list: () => "/office/program/all",
     detail: (programId: number | string) => `/office/program/${programId}`,
diff --git a/projects/social_platform/src/app/api/program/facades/detail/program-detail-list-info.service.ts b/projects/social_platform/src/app/api/program/facades/detail/program-detail-list-info.service.ts
index ccbed70fc..ddf64ce3e 100644
--- a/projects/social_platform/src/app/api/program/facades/detail/program-detail-list-info.service.ts
+++ b/projects/social_platform/src/app/api/program/facades/detail/program-detail-list-info.service.ts
@@ -416,6 +416,11 @@ export class ProgramDetailListInfoService {
         return;
       }
 
+      if (this.listType() === "rating" && key === "project_id") {
+        extraParams["project_id"] = value;
+        return;
+      }
+
       if (this.listType() === "rating" && key === "is_rated_by_expert") {
         extraParams["is_rated_by_expert"] = value;
         return;
diff --git a/projects/social_platform/src/app/api/program/facades/detail/program-management.service.spec.ts b/projects/social_platform/src/app/api/program/facades/detail/program-management.service.spec.ts
new file mode 100644
index 000000000..caca37b1d
--- /dev/null
+++ b/projects/social_platform/src/app/api/program/facades/detail/program-management.service.spec.ts
@@ -0,0 +1,119 @@
+/** @format */
+
+import { TestBed } from "@angular/core/testing";
+import { HttpErrorResponse } from "@angular/common/http";
+import { Subject, of, throwError } from "rxjs";
+import { ProgramManagementService, ManagementContext } from "./program-management.service";
+import { ProgramManagementUseCase } from "@api/program/use-cases/program-management.use-case";
+import { ProgramDetailMainUIInfoService } from "./ui/program-detail-main-ui-info.service";
+import {
+  ManagementProject,
+  ManagementTeam,
+  ProgramManagement,
+} from "@domain/program/program-management.model";
+
+const program = { id: 1, name: "Программа", materials: [] } as unknown as ProgramManagement;
+const first = { id: 11, projectId: 91, name: "Первый" } as ManagementProject;
+const second = { id: 12, projectId: 92, name: "Второй" } as ManagementProject;
+const page = (results: ManagementProject[]) => ({
+  results,
+  count: results.length,
+  next: null,
+  previous: null,
+  caseOptions: [],
+  isCompetitive: true,
+});
+const context = (id = 1): ManagementContext => ({
+  programId: id,
+  section: "projects",
+  query: { search: "", limit: 25, offset: 0, submission: "all", caseScope: "all" },
+});
+
+describe("ProgramManagementService", () => {
+  function setup() {
+    const api = {
+      get: vi.fn(() => of(program)),
+      projects: vi.fn(() => of(page([first, second]))),
+      participants: vi.fn(),
+      team: vi.fn(),
+      evaluation: vi.fn(),
+    };
+    TestBed.configureTestingModule({
+      providers: [
+        ProgramManagementService,
+        ProgramDetailMainUIInfoService,
+        { provide: ProgramManagementUseCase, useValue: api },
+      ],
+    });
+    return { api, service: TestBed.inject(ProgramManagementService) };
+  }
+  it("одновременно выбирает только один проект", () => {
+    const { service } = setup();
+    service.load(context());
+    service.select(first);
+    service.select(second);
+    expect(service.selected()?.id).toBe(second.id);
+  });
+  it("очищает выбор, если проект исчез после фильтрации", () => {
+    const { service, api } = setup();
+    service.load(context());
+    service.select(first);
+    api.projects.mockReturnValue(of(page([second])));
+    service.load({ ...context(), query: { ...context().query, search: "Второй" } });
+    expect(service.selected()).toBeNull();
+  });
+  it("сохраняет выбор при обновлении той же выдачи", () => {
+    const { service } = setup();
+    service.load(context());
+    service.select(first);
+    service.retry();
+    expect(service.selected()?.id).toBe(first.id);
+  });
+  it("не применяет поздний ответ предыдущей программы", () => {
+    const { service, api } = setup();
+    const old = new Subject<ProgramManagement>();
+    api.get.mockReturnValueOnce(old);
+    service.load(context());
+    api.get.mockReturnValueOnce(of({ ...program, id: 2 }));
+    service.load(context(2));
+    old.next(program);
+    old.complete();
+    expect(service.program()?.id).toBe(2);
+  });
+  it("не показывает команду прошлого выбора", () => {
+    const { service, api } = setup();
+    const team = new Subject<ManagementTeam>();
+    api.team.mockReturnValue(team);
+    service.load(context());
+    service.select(first);
+    service.openTeam();
+    service.select(second);
+    team.next({ projectId: 91, programLinkId: 11, name: "Первый", members: [] });
+    expect(service.team()).toBeNull();
+    expect(service.teamOpen()).toBe(false);
+  });
+  it("команда использует id связи программы, а не глобальный projectId", () => {
+    const { service, api } = setup();
+    api.team.mockReturnValue(of({ members: [] }));
+    service.load(context());
+    service.select(first);
+    service.openTeam();
+    expect(api.team).toHaveBeenCalledWith(1, 11);
+  });
+  it("после 403 удаляет ранее загруженные приватные данные", () => {
+    const { service, api } = setup();
+    service.load(context());
+    service.select(first);
+    api.get.mockReturnValue(throwError(() => new HttpErrorResponse({ status: 403 })));
+    service.retry();
+    expect(service.program()).toBeNull();
+    expect(service.projects()).toBeNull();
+    expect(service.selected()).toBeNull();
+    expect(service.error()?.status).toBe(403);
+  });
+  it("восстанавливает выбор после возврата из оценок", () => {
+    const { service } = setup();
+    service.load({ ...context(), selectedId: second.id });
+    expect(service.selected()?.id).toBe(second.id);
+  });
+});
diff --git a/projects/social_platform/src/app/api/program/facades/detail/program-management.service.ts b/projects/social_platform/src/app/api/program/facades/detail/program-management.service.ts
new file mode 100644
index 000000000..9d14671a7
--- /dev/null
+++ b/projects/social_platform/src/app/api/program/facades/detail/program-management.service.ts
@@ -0,0 +1,154 @@
+/** @format */
+
+import { DestroyRef, Injectable, inject, signal } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { HttpErrorResponse } from "@angular/common/http";
+import { Subject, catchError, forkJoin, map, of, switchMap, takeUntil, tap } from "rxjs";
+import { ProgramManagementUseCase } from "@api/program/use-cases/program-management.use-case";
+import {
+  ManagementEvaluation,
+  ManagementPage,
+  ManagementParticipant,
+  ManagementProject,
+  ManagementProjectsPage,
+  ManagementQuery,
+  ManagementSection,
+  ManagementTeam,
+  ProgramManagement,
+} from "@domain/program/program-management.model";
+import { Program } from "@domain/program/program.model";
+import { ProgramDetailMainUIInfoService } from "./ui/program-detail-main-ui-info.service";
+
+export interface ManagementContext {
+  programId: number;
+  section: ManagementSection;
+  query: ManagementQuery;
+  linkId?: number;
+  selectedId?: number;
+}
+interface Content {
+  participants?: ManagementPage<ManagementParticipant>;
+  projects?: ManagementProjectsPage;
+  evaluation?: ManagementEvaluation;
+}
+
+@Injectable()
+export class ProgramManagementService {
+  readonly api = inject(ProgramManagementUseCase);
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly programUI = inject(ProgramDetailMainUIInfoService);
+  private readonly requests = new Subject<ManagementContext>();
+  private readonly cancelTeam = new Subject<void>();
+  readonly program = signal<ProgramManagement | null>(null);
+  readonly participants = signal<ManagementPage<ManagementParticipant> | null>(null);
+  readonly projects = signal<ManagementProjectsPage | null>(null);
+  readonly evaluation = signal<ManagementEvaluation | null>(null);
+  readonly pending = signal(false);
+  readonly error = signal<HttpErrorResponse | null>(null);
+  readonly selected = signal<ManagementProject | null>(null);
+  readonly team = signal<ManagementTeam | null>(null);
+  readonly teamPending = signal(false);
+  readonly teamError = signal<HttpErrorResponse | null>(null);
+  readonly teamOpen = signal(false);
+  context: ManagementContext | null = null;
+
+  constructor() {
+    this.requests
+      .pipe(
+        tap(ctx => {
+          if (this.context?.programId !== ctx.programId) this.program.set(null);
+          if (this.context?.programId !== ctx.programId || this.context?.section !== ctx.section)
+            this.clearSelection();
+          this.context = ctx;
+          this.pending.set(true);
+          this.error.set(null);
+          this.closeTeam();
+        }),
+        switchMap(ctx => {
+          const content =
+            ctx.section === "participants"
+              ? this.api
+                  .participants(ctx.programId, ctx.query)
+                  .pipe(map(participants => ({ participants }) as Content))
+              : ctx.section === "projects"
+                ? this.api
+                    .projects(ctx.programId, ctx.query)
+                    .pipe(map(projects => ({ projects }) as Content))
+                : ctx.section === "evaluation" && ctx.linkId
+                  ? this.api
+                      .evaluation(ctx.programId, ctx.linkId)
+                      .pipe(map(evaluation => ({ evaluation }) as Content))
+                  : of({} as Content);
+          return forkJoin({ program: this.api.get(ctx.programId), content }).pipe(
+            tap(({ program, content }) => {
+              this.program.set(program);
+              this.participants.set(content.participants ?? null);
+              this.projects.set(content.projects ?? null);
+              this.evaluation.set(content.evaluation ?? null);
+              const selectedId = ctx.selectedId ?? this.selected()?.id;
+              this.selected.set(content.projects?.results.find(p => p.id === selectedId) ?? null);
+              this.programUI.program.set(
+                Object.assign(new Program(), Program.default(), program, { isUserManager: true }),
+              );
+            }),
+            catchError((error: HttpErrorResponse) => {
+              this.error.set(error);
+              this.program.set(null);
+              this.participants.set(null);
+              this.projects.set(null);
+              this.evaluation.set(null);
+              this.clearSelection();
+              return of(null);
+            }),
+            tap(() => this.pending.set(false)),
+          );
+        }),
+        takeUntilDestroyed(this.destroyRef),
+      )
+      .subscribe();
+  }
+  load(ctx: ManagementContext): void {
+    this.requests.next(ctx);
+  }
+  retry(): void {
+    if (this.context) this.load(this.context);
+  }
+  select(project: ManagementProject): void {
+    this.closeTeam();
+    this.selected.set(project);
+  }
+  clearSelection(): void {
+    this.closeTeam();
+    this.selected.set(null);
+  }
+  openTeam(): void {
+    const project = this.selected(),
+      ctx = this.context;
+    if (!project || !ctx) return;
+    this.cancelTeam.next();
+    this.team.set(null);
+    this.teamError.set(null);
+    this.teamOpen.set(true);
+    this.teamPending.set(true);
+    this.api
+      .team(ctx.programId, project.id)
+      .pipe(takeUntil(this.cancelTeam), takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: team => {
+          this.team.set(team);
+          this.teamPending.set(false);
+        },
+        error: (error: HttpErrorResponse) => {
+          this.teamError.set(error);
+          this.teamPending.set(false);
+        },
+      });
+  }
+  closeTeam(): void {
+    this.cancelTeam.next();
+    this.teamOpen.set(false);
+    this.teamPending.set(false);
+    this.team.set(null);
+    this.teamError.set(null);
+  }
+}
diff --git a/projects/social_platform/src/app/api/program/facades/program-shell-info.service.spec.ts b/projects/social_platform/src/app/api/program/facades/program-shell-info.service.spec.ts
new file mode 100644
index 000000000..bcdb72e6b
--- /dev/null
+++ b/projects/social_platform/src/app/api/program/facades/program-shell-info.service.spec.ts
@@ -0,0 +1,75 @@
+/** @format */
+
+import { TestBed } from "@angular/core/testing";
+import { Subject } from "rxjs";
+import { ProgramShellInfoService } from "./program-shell-info.service";
+import { ParticipatingProgramUseCase } from "../use-cases/participating-program.use-case";
+import { EventBus } from "@domain/shared/event-bus";
+import { ProgramUpdated } from "@domain/program/program-updated.event";
+import { Program } from "@domain/program/program.model";
+import { ApiPagination } from "@domain/other/api-pagination.model";
+import { Result, ok } from "@domain/shared/result.type";
+import { readCache, writeCache } from "@utils/cache";
+
+describe("Обновление кеша программ после сохранения организатором", () => {
+  let facade: ProgramShellInfoService;
+  let bus: EventBus;
+  let requests: Subject<Result<ApiPagination<Program>, unknown>>[];
+  const result = (name: string) =>
+    ok({
+      count: 1,
+      next: "",
+      previous: "",
+      results: [Object.assign(new Program(), { id: 7, name })],
+    });
+  beforeEach(() => {
+    TestBed.resetTestingModule();
+    localStorage.clear();
+    requests = [];
+    TestBed.configureTestingModule({
+      providers: [
+        ProgramShellInfoService,
+        EventBus,
+        {
+          provide: ParticipatingProgramUseCase,
+          useValue: {
+            execute: vi.fn(() => {
+              const request = new Subject<Result<ApiPagination<Program>, unknown>>();
+              requests.push(request);
+              return request;
+            }),
+          },
+        },
+      ],
+    });
+    facade = TestBed.inject(ProgramShellInfoService);
+    bus = TestBed.inject(EventBus);
+  });
+  afterEach(() => {
+    TestBed.resetTestingModule();
+    localStorage.clear();
+  });
+  const updated = (): ProgramUpdated => ({
+    type: "ProgramUpdated",
+    payload: { programId: 7 },
+    occurredAt: new Date(),
+  });
+  it("очищает сохранённый кеш и запрашивает новое название", () => {
+    writeCache("programs", 1, [Object.assign(new Program(), { id: 7, name: "Старое" })]);
+    facade.ensureProgramsLoaded().subscribe();
+    expect(facade.programs()[0].name).toBe("Старое");
+    bus.emit(updated());
+    expect(readCache("programs", 1, 3600000)).toBeNull();
+    requests[1].next(result("Новое"));
+    expect(facade.programs()[0].name).toBe("Новое");
+  });
+  it("старый запрос не возвращает прежние значения после успешного обновления", () => {
+    facade.ensureProgramsLoaded().subscribe();
+    bus.emit(updated());
+    requests[1].next(result("Новое"));
+    requests[0].next(result("Старое"));
+    requests[0].complete();
+    expect(facade.programs()[0].name).toBe("Новое");
+    expect(readCache<Program[]>("programs", 1, 3600000)?.[0].name).toBe("Новое");
+  });
+});
diff --git a/projects/social_platform/src/app/api/program/facades/program-shell-info.service.ts b/projects/social_platform/src/app/api/program/facades/program-shell-info.service.ts
index 368fd2258..cc4540ce6 100644
--- a/projects/social_platform/src/app/api/program/facades/program-shell-info.service.ts
+++ b/projects/social_platform/src/app/api/program/facades/program-shell-info.service.ts
@@ -13,12 +13,14 @@ import {
   success,
 } from "@domain/shared/async-state";
 import { Observable, finalize, shareReplay, of, tap } from "rxjs";
-import { readCache, writeCache } from "@utils/cache";
+import { clearCacheKey, readCache, writeCache } from "@utils/cache";
 import { plainToInstance } from "class-transformer";
 import { HttpParams } from "@angular/common/http";
 import { ParticipatingProgramUseCase } from "../use-cases/participating-program.use-case";
 import { Result, ok } from "@domain/shared/result.type";
 import { ApiPagination } from "@domain/other/api-pagination.model";
+import { EventBus } from "@domain/shared/event-bus";
+import { ProgramUpdated } from "@domain/program/program-updated.event";
 
 const PROGRAM_CACHE_KEY = "programs";
 const CACHE_VERSION = 1;
@@ -29,6 +31,15 @@ const CACHE_TTL = 24 * 60 * 60 * 1000; // 24h
   providedIn: "root",
 })
 export class ProgramShellInfoService {
+  constructor() {
+    inject(EventBus)
+      .on<ProgramUpdated>("ProgramUpdated")
+      .subscribe(() => {
+        this.invalidatePrograms();
+        clearCacheKey(PROGRAM_CACHE_KEY, CACHE_VERSION);
+        this.ensureProgramsLoaded().subscribe();
+      });
+  }
   private readonly participatingProgramUseCase = inject(ParticipatingProgramUseCase);
 
   private readonly programs$ = signal<AsyncState<Program[], unknown>>(initial());
@@ -49,6 +60,7 @@ export class ProgramShellInfoService {
 
   private allProgramsInflight: Observable<Result<ApiPagination<Program>, unknown>> | null = null;
   private filteredInflight: Observable<Result<ApiPagination<Program>, unknown>> | null = null;
+  private cacheGeneration = 0;
 
   ensureProgramsLoaded(filter?: HttpParams): Observable<Result<ApiPagination<Program>, unknown>> {
     const isFiltered = !!filter && filter.keys().length > 0;
@@ -94,6 +106,7 @@ export class ProgramShellInfoService {
   }
 
   invalidatePrograms(): void {
+    this.cacheGeneration++;
     this.allProgramsInflight = null;
     this.filteredInflight = null;
     this.programs$.set(initial());
@@ -107,23 +120,28 @@ export class ProgramShellInfoService {
     this.programs$.set(loading(prev));
 
     const source$ = this.participatingProgramUseCase.execute();
+    const generation = this.cacheGeneration;
 
     const request$ = source$.pipe(
       tap(result => {
-        if (!result.ok) return;
+        if (!result.ok || generation !== this.cacheGeneration) return;
         this.programs$.set(success(result.value.results));
         try {
           writeCache(PROGRAM_CACHE_KEY, CACHE_VERSION, result.value.results);
         } catch {}
       }),
-      finalize(() => (this.allProgramsInflight = null)),
+      finalize(() => {
+        if (generation === this.cacheGeneration) this.allProgramsInflight = null;
+      }),
       shareReplay({ bufferSize: 1, refCount: true }),
     );
 
     this.allProgramsInflight = request$;
 
     request$.subscribe({
-      error: error => this.programs$.set(failure(error, prev)),
+      error: error => {
+        if (generation === this.cacheGeneration) this.programs$.set(failure(error, prev));
+      },
     });
 
     return request$;
diff --git a/projects/social_platform/src/app/api/program/use-cases/program-management.use-case.ts b/projects/social_platform/src/app/api/program/use-cases/program-management.use-case.ts
new file mode 100644
index 000000000..48aab261e
--- /dev/null
+++ b/projects/social_platform/src/app/api/program/use-cases/program-management.use-case.ts
@@ -0,0 +1,39 @@
+/** @format */
+
+import { inject, Injectable } from "@angular/core";
+import { ProgramManagementRepositoryPort } from "@domain/program/ports/program-management.repository.port";
+import {
+  ManagementMaterial,
+  ManagementMaterialWrite,
+  ManagementQuery,
+  ManagementSettingsWrite,
+} from "@domain/program/program-management.model";
+
+@Injectable()
+export class ProgramManagementUseCase {
+  private readonly repository = inject(ProgramManagementRepositoryPort);
+  get(id: number) {
+    return this.repository.get(id);
+  }
+  participants(id: number, q: ManagementQuery) {
+    return this.repository.participants(id, q);
+  }
+  projects(id: number, q: ManagementQuery) {
+    return this.repository.projects(id, q);
+  }
+  team(id: number, linkId: number) {
+    return this.repository.team(id, linkId);
+  }
+  evaluation(id: number, linkId: number) {
+    return this.repository.evaluation(id, linkId);
+  }
+  save(id: number, section: "basic" | "dates", body: ManagementSettingsWrite) {
+    return this.repository.save(id, section, body);
+  }
+  saveMaterial(id: number, body: ManagementMaterialWrite, materialId?: number) {
+    return this.repository.saveMaterial(id, body, materialId);
+  }
+  deleteMaterial(id: number, material: ManagementMaterial) {
+    return this.repository.deleteMaterial(id, material);
+  }
+}
diff --git a/projects/social_platform/src/app/domain/program/ports/program-management.repository.port.ts b/projects/social_platform/src/app/domain/program/ports/program-management.repository.port.ts
new file mode 100644
index 000000000..b170d2561
--- /dev/null
+++ b/projects/social_platform/src/app/domain/program/ports/program-management.repository.port.ts
@@ -0,0 +1,37 @@
+/** @format */
+
+import { Observable } from "rxjs";
+import {
+  ManagementEvaluation,
+  ManagementMaterial,
+  ManagementMaterialWrite,
+  ManagementPage,
+  ManagementParticipant,
+  ManagementProjectsPage,
+  ManagementQuery,
+  ManagementSettingsWrite,
+  ManagementTeam,
+  ProgramManagement,
+} from "../program-management.model";
+
+export abstract class ProgramManagementRepositoryPort {
+  abstract get(programId: number): Observable<ProgramManagement>;
+  abstract participants(
+    programId: number,
+    query: ManagementQuery,
+  ): Observable<ManagementPage<ManagementParticipant>>;
+  abstract projects(programId: number, query: ManagementQuery): Observable<ManagementProjectsPage>;
+  abstract team(programId: number, linkId: number): Observable<ManagementTeam>;
+  abstract evaluation(programId: number, linkId: number): Observable<ManagementEvaluation>;
+  abstract save(
+    programId: number,
+    section: "basic" | "dates",
+    body: ManagementSettingsWrite,
+  ): Observable<ProgramManagement>;
+  abstract saveMaterial(
+    programId: number,
+    body: ManagementMaterialWrite,
+    id?: number,
+  ): Observable<ManagementMaterial>;
+  abstract deleteMaterial(programId: number, material: ManagementMaterial): Observable<void>;
+}
diff --git a/projects/social_platform/src/app/domain/program/program-management.model.ts b/projects/social_platform/src/app/domain/program/program-management.model.ts
new file mode 100644
index 000000000..f5ba6e5e7
--- /dev/null
+++ b/projects/social_platform/src/app/domain/program/program-management.model.ts
@@ -0,0 +1,115 @@
+/** @format */
+
+export type ManagementSection =
+  | "participants"
+  | "projects"
+  | "analytics"
+  | "settings"
+  | "evaluation";
+export type SettingsSection = "basic" | "dates" | "materials";
+export interface ManagementMaterial {
+  id: number;
+  title: string;
+  url: string;
+  file: { link: string; name: string; extension: string; size: number } | null;
+  updatedAt: string;
+}
+export interface ManagementBasic {
+  name: string;
+  city: string;
+  tag: string;
+  description: string | null;
+  imageAddress: string | null;
+  coverImageAddress: string | null;
+  advertisementImageAddress: string | null;
+  registrationLink: string | null;
+  presentationAddress: string | null;
+}
+export interface ManagementDates {
+  datetimeStarted: string;
+  datetimeRegistrationEnds: string;
+  datetimeProjectSubmissionEnds: string | null;
+  datetimeEvaluationEnds: string | null;
+  datetimeFinished: string;
+}
+export interface ProgramManagement extends ManagementBasic, ManagementDates {
+  id: number;
+  updatedAt: string;
+  isCompetitive: boolean;
+  isDistributedEvaluation: boolean;
+  materials: ManagementMaterial[];
+}
+export interface ManagementParticipant {
+  id: number;
+  userId: number;
+  name: string;
+  email: string | null;
+  city: string | null;
+  registeredAt: string;
+}
+export type ManagementEvaluationStatus =
+  | "not_submitted"
+  | "awaiting_evaluation"
+  | "partially_evaluated"
+  | "evaluated"
+  | "not_applicable";
+export interface ManagementProject {
+  id: number;
+  projectId: number;
+  name: string;
+  leader: { id: number; name: string };
+  submitted: boolean;
+  evaluationStatus: ManagementEvaluationStatus;
+  assignmentsTotal: number | null;
+  assignmentsCompleted: number | null;
+  caseName: string | null;
+  presentationUrl: string | null;
+}
+export interface ManagementPage<T> {
+  count: number;
+  results: T[];
+  next: string | null;
+  previous: string | null;
+}
+export interface ManagementProjectsPage extends ManagementPage<ManagementProject> {
+  caseOptions: string[];
+  isCompetitive: boolean;
+}
+export interface ManagementTeam {
+  projectId: number;
+  programLinkId: number;
+  name: string;
+  members: { id: number; name: string; role: string }[];
+}
+export interface ManagementEvaluation {
+  projectId: number;
+  programLinkId: number;
+  name: string;
+  submitted: boolean;
+  canRate: boolean;
+  experts: {
+    id: number;
+    name: string;
+    status: string;
+    criteria: { id: number; name: string; type: string; value: string | null; isScored: boolean }[];
+  }[];
+}
+export interface ManagementQuery {
+  search: string;
+  offset: number;
+  limit: number;
+  submission: "all" | "submitted" | "not_submitted";
+  caseScope: "all" | "selected" | "without_case";
+  caseName?: string;
+}
+export interface ManagementSettingsWrite {
+  expectedUpdatedAt: string;
+  confirmReopen?: boolean;
+  [field: string]: string | boolean | null | undefined;
+}
+export interface ManagementMaterialWrite {
+  title: string;
+  url: string | null;
+  file: string | null;
+  expectedUpdatedAt?: string;
+}
diff --git a/projects/social_platform/src/app/domain/program/program-updated.event.ts b/projects/social_platform/src/app/domain/program/program-updated.event.ts
new file mode 100644
index 000000000..31e5d3a51
--- /dev/null
+++ b/projects/social_platform/src/app/domain/program/program-updated.event.ts
@@ -0,0 +1,7 @@
+/** @format */
+
+import { DomainEvent } from "@domain/shared/domain-event";
+export interface ProgramUpdated extends DomainEvent {
+  type: "ProgramUpdated";
+  payload: { programId: number };
+}
diff --git a/projects/social_platform/src/app/infrastructure/adapters/program/program-management-http.adapter.spec.ts b/projects/social_platform/src/app/infrastructure/adapters/program/program-management-http.adapter.spec.ts
new file mode 100644
index 000000000..5567fff22
--- /dev/null
+++ b/projects/social_platform/src/app/infrastructure/adapters/program/program-management-http.adapter.spec.ts
@@ -0,0 +1,77 @@
+/** @format */
+
+import { TestBed } from "@angular/core/testing";
+import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
+import { HttpTestingController, provideHttpClientTesting } from "@angular/common/http/testing";
+import { CamelcaseInterceptor } from "@core/lib/interceptors/camelcase.interceptor";
+import { LoggerService } from "@core/lib/services/logger/logger.service";
+import { ProgramManagementHttpAdapter } from "./program-management-http.adapter";
+import { ManagementMaterial } from "@domain/program/program-management.model";
+import { API_URL } from "@core/lib/providers";
+
+describe("Контракт HTTP панели организатора", () => {
+  let adapter: ProgramManagementHttpAdapter, http: HttpTestingController;
+  beforeEach(() => {
+    TestBed.resetTestingModule();
+    TestBed.configureTestingModule({
+      providers: [
+        { provide: API_URL, useValue: "https://local.test" },
+        provideHttpClient(withInterceptorsFromDi()),
+        provideHttpClientTesting(),
+        ProgramManagementHttpAdapter,
+        { provide: LoggerService, useValue: { warn: vi.fn(), debug: vi.fn(), error: vi.fn() } },
+        { provide: HTTP_INTERCEPTORS, useClass: CamelcaseInterceptor, multi: true },
+      ],
+    });
+    adapter = TestBed.inject(ProgramManagementHttpAdapter);
+    http = TestBed.inject(HttpTestingController);
+  });
+  afterEach(() => {
+    http?.verify();
+    TestBed.resetTestingModule();
+  });
+  it("фильтры передаются серверу в snake_case, ответ преобразуется в camelCase", () => {
+    adapter
+      .projects(4, {
+        search: "Город",
+        offset: 25,
+        limit: 25,
+        submission: "submitted",
+        caseScope: "selected",
+        caseName: "Экология",
+      })
+      .subscribe(page => expect(page.caseOptions).toEqual(["Экология"]));
+    const request = http.expectOne(r => r.url.endsWith("/programs/4/management/projects/"));
+    expect(request.request.params.get("case_scope")).toBe("selected");
+    expect(request.request.params.get("case_name")).toBe("Экология");
+    expect(request.request.params.get("offset")).toBe("25");
+    request.flush({ count: 0, results: [], case_options: ["Экология"], is_competitive: true });
+  });
+  it("версия PATCH не теряет точность при преобразовании JSON", () => {
+    const version = "2026-10-17T12:34:56.123456Z";
+    adapter
+      .save(4, "dates", {
+        expectedUpdatedAt: version,
+        datetimeProjectSubmissionEnds: null,
+        confirmReopen: true,
+      })
+      .subscribe(p => expect(p.updatedAt).toBe(version));
+    const request = http.expectOne(r => r.url.endsWith("/management/settings/dates/"));
+    expect(request.request.method).toBe("PATCH");
+    expect(request.request.body).toEqual({
+      expected_updated_at: version,
+      datetime_project_submission_ends: null,
+      confirm_reopen: true,
+    });
+    request.flush({ updated_at: version });
+  });
+  it("удаление материала передаёт версию в query и не вызывает удаление UserFile", () => {
+    adapter
+      .deleteMaterial(4, { id: 9, updatedAt: "2026-10-17T15:00:00+03:00" } as ManagementMaterial)
+      .subscribe();
+    const request = http.expectOne(r => r.url.endsWith("/programs/4/management/materials/9/"));
+    expect(request.request.method).toBe("DELETE");
+    expect(request.request.params.get("expected_updated_at")).toBe("2026-10-17T15:00:00+03:00");
+    request.flush(null, { status: 204, statusText: "No Content" });
+  });
+});
diff --git a/projects/social_platform/src/app/infrastructure/adapters/program/program-management-http.adapter.ts b/projects/social_platform/src/app/infrastructure/adapters/program/program-management-http.adapter.ts
new file mode 100644
index 000000000..97cb816e4
--- /dev/null
+++ b/projects/social_platform/src/app/infrastructure/adapters/program/program-management-http.adapter.ts
@@ -0,0 +1,63 @@
+/** @format */
+
+import { inject, Injectable } from "@angular/core";
+import { HttpParams } from "@angular/common/http";
+import { ApiService } from "@corelib";
+import { ProgramManagementRepositoryPort } from "@domain/program/ports/program-management.repository.port";
+import {
+  ManagementEvaluation,
+  ManagementMaterial,
+  ManagementMaterialWrite,
+  ManagementPage,
+  ManagementParticipant,
+  ManagementProjectsPage,
+  ManagementQuery,
+  ManagementSettingsWrite,
+  ManagementTeam,
+  ProgramManagement,
+} from "@domain/program/program-management.model";
+
+@Injectable()
+export class ProgramManagementHttpAdapter implements ProgramManagementRepositoryPort {
+  private readonly api = inject(ApiService);
+  private root(id: number): string {
+    return `/programs/${id}/management`;
+  }
+  get(id: number) {
+    return this.api.get<ProgramManagement>(`${this.root(id)}/`);
+  }
+  participants(id: number, q: ManagementQuery) {
+    return this.api.get<ManagementPage<ManagementParticipant>>(
+      `${this.root(id)}/participants/`,
+      this.params(q),
+    );
+  }
+  projects(id: number, q: ManagementQuery) {
+    let params = this.params(q).set("submission", q.submission).set("case_scope", q.caseScope);
+    if (q.caseScope === "selected" && q.caseName) params = params.set("case_name", q.caseName);
+    return this.api.get<ManagementProjectsPage>(`${this.root(id)}/projects/`, params);
+  }
+  team(id: number, linkId: number) {
+    return this.api.get<ManagementTeam>(`${this.root(id)}/projects/${linkId}/team/`);
+  }
+  evaluation(id: number, linkId: number) {
+    return this.api.get<ManagementEvaluation>(`${this.root(id)}/projects/${linkId}/evaluation/`);
+  }
+  save(id: number, section: "basic" | "dates", body: ManagementSettingsWrite) {
+    return this.api.patch<ProgramManagement>(`${this.root(id)}/settings/${section}/`, body);
+  }
+  saveMaterial(id: number, body: ManagementMaterialWrite, materialId?: number) {
+    return materialId
+      ? this.api.patch<ManagementMaterial>(`${this.root(id)}/materials/${materialId}/`, body)
+      : this.api.post<ManagementMaterial>(`${this.root(id)}/materials/`, body);
+  }
+  deleteMaterial(id: number, material: ManagementMaterial) {
+    return this.api.delete<void>(
+      `${this.root(id)}/materials/${material.id}/`,
+      new HttpParams().set("expected_updated_at", material.updatedAt),
+    );
+  }
+  private params(q: ManagementQuery): HttpParams {
+    return new HttpParams().set("search", q.search).set("limit", q.limit).set("offset", q.offset);
+  }
+}
diff --git a/projects/social_platform/src/app/infrastructure/repository/program/program-management.repository.ts b/projects/social_platform/src/app/infrastructure/repository/program/program-management.repository.ts
new file mode 100644
index 000000000..09d130f96
--- /dev/null
+++ b/projects/social_platform/src/app/infrastructure/repository/program/program-management.repository.ts
@@ -0,0 +1,51 @@
+/** @format */
+
+import { inject, Injectable } from "@angular/core";
+import { tap } from "rxjs";
+import { EventBus } from "@domain/shared/event-bus";
+import { ProgramManagementRepositoryPort } from "@domain/program/ports/program-management.repository.port";
+import { ProgramManagementHttpAdapter } from "@infrastructure/adapters/program/program-management-http.adapter";
+import {
+  ManagementMaterial,
+  ManagementMaterialWrite,
+  ManagementQuery,
+  ManagementSettingsWrite,
+} from "@domain/program/program-management.model";
+
+/** Приватные manager-данные не попадают в общий EntityCache программы. */
+@Injectable()
+export class ProgramManagementRepository implements ProgramManagementRepositoryPort {
+  private readonly adapter = inject(ProgramManagementHttpAdapter);
+  private readonly events = inject(EventBus);
+  get(id: number) {
+    return this.adapter.get(id);
+  }
+  participants(id: number, q: ManagementQuery) {
+    return this.adapter.participants(id, q);
+  }
+  projects(id: number, q: ManagementQuery) {
+    return this.adapter.projects(id, q);
+  }
+  team(id: number, linkId: number) {
+    return this.adapter.team(id, linkId);
+  }
+  evaluation(id: number, linkId: number) {
+    return this.adapter.evaluation(id, linkId);
+  }
+  save(id: number, section: "basic" | "dates", body: ManagementSettingsWrite) {
+    return this.adapter.save(id, section, body).pipe(tap(() => this.changed(id)));
+  }
+  saveMaterial(id: number, body: ManagementMaterialWrite, materialId?: number) {
+    return this.adapter.saveMaterial(id, body, materialId).pipe(tap(() => this.changed(id)));
+  }
+  deleteMaterial(id: number, material: ManagementMaterial) {
+    return this.adapter.deleteMaterial(id, material).pipe(tap(() => this.changed(id)));
+  }
+  private changed(id: number): void {
+    this.events.emit({
+      type: "ProgramUpdated",
+      payload: { programId: id },
+      occurredAt: new Date(),
+    });
+  }
+}
diff --git a/projects/social_platform/src/app/infrastructure/repository/program/program.repository.ts b/projects/social_platform/src/app/infrastructure/repository/program/program.repository.ts
index 301c2292e..1e6a364e8 100644
--- a/projects/social_platform/src/app/infrastructure/repository/program/program.repository.ts
+++ b/projects/social_platform/src/app/infrastructure/repository/program/program.repository.ts
@@ -24,6 +24,7 @@ import { ApplyToProgramResponse } from "@domain/program/results/apply-to-program
 import { userFromRaw } from "@utils/userRaw";
 import { EventBus } from "@domain/shared/event-bus";
 import { LoggedOut } from "@domain/auth/events/logged-out.event";
+import { ProgramUpdated } from "@domain/program/program-updated.event";
 import {
   ProgramAnalyticsAttentionPage,
   ProgramAnalyticsAttentionParticipant,
@@ -65,6 +66,9 @@ export class ProgramRepository implements ProgramRepositoryPort {
   }
 
   private initializeEvents(): void {
+    this.eventBus
+      .on<ProgramUpdated>("ProgramUpdated")
+      .subscribe(event => this.entityCache.invalidate(event.payload.programId));
     this.eventBus.on<LoggedOut>("LoggedOut").subscribe({
       next: () => {
         this.entityCache.clear();
diff --git a/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.html b/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.html
index d6d0d5e90..92603454a 100644
--- a/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.html
+++ b/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.html
@@ -160,7 +160,7 @@ <h3>аналитика</h3>
     <footer class="widget__footer">
       @switch (data.role) {
         @case ("organizer") {
-          <a [routerLink]="routes.program.analytics(data.programId)">Открыть →</a>
+          <a [routerLink]="routes.program.management(data.programId, 'analytics')">Открыть →</a>
         }
         @case ("expert") {
           <a [routerLink]="routes.program.projectsRating(data.programId)">Открыть →</a>
diff --git a/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.spec.ts b/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.spec.ts
index 8d7f5f33d..bd57297cd 100644
--- a/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.spec.ts
+++ b/projects/social_platform/src/app/ui/pages/program/detail/main/role-widget/program-role-widget.component.spec.ts
@@ -161,7 +161,7 @@ describe("ProgramRoleWidgetComponent", () => {
       [...f.nativeElement.querySelectorAll("dd")].map((el: HTMLElement) => el.textContent?.trim()),
     ).toEqual(["248", "61", "54", "19"]);
     expect(f.nativeElement.querySelector("a").getAttribute("href")).toBe(
-      "/office/program/12/analytics",
+      "/office/program/12/management/analytics",
     );
   });
   it("shows only two expert counters and the real evaluation route", () => {
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.html b/projects/social_platform/src/app/ui/pages/program/management/management.component.html
new file mode 100644
index 000000000..b36349bf3
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.html
@@ -0,0 +1,661 @@
+<!-- @format -->
+
+<main class="management">
+  <a class="management__back" [routerLink]="paths.program.detail(state.context?.programId ?? '')"
+    >На страницу программы</a
+  >
+  <header class="management__heading">
+    <h1>Управление программой</h1>
+    @if (state.program(); as program) {
+      <p>{{ program.name }}</p>
+    }
+  </header>
+  @if (state.program(); as program) {
+    <nav class="management__tabs" aria-label="Разделы управления программой">
+      @for (tab of tabs; track tab.id) {
+        <a
+          [routerLink]="paths.program.management(program.id, tab.id)"
+          [attr.aria-current]="
+            section() === tab.id || (section() === 'evaluation' && tab.id === 'projects')
+              ? 'page'
+              : null
+          "
+          >{{ tab.label }}</a
+        >
+      }
+    </nav>
+  }
+  @if (state.error()) {
+    <section class="management__card" role="alert">
+      <h2>{{ requestError() }}</h2>
+      <button type="button" appButton="secondary" (click)="state.retry()">Повторить</button>
+    </section>
+  } @else if (state.pending()) {
+    <section class="management__card" aria-busy="true" aria-live="polite">
+      Загружаем данные программы…
+    </section>
+  } @else if (state.program(); as program) {
+    @if (section() === "participants" || section() === "projects") {
+      <section class="management__card">
+        <h2>{{ section() === "participants" ? "Участники" : "Проекты" }}</h2>
+        <p class="management__muted">
+          {{
+            section() === "participants"
+              ? "Зарегистрированные участники этой программы."
+              : "Проекты, связанные с этой программой."
+          }}
+        </p>
+        <form class="management__search" (ngSubmit)="submitSearch()">
+          <label class="management__sr" for="management-search">{{
+            section() === "participants" ? "Поиск по имени или почте" : "Поиск по названию проекта"
+          }}</label>
+          <input
+            id="management-search"
+            type="search"
+            appField
+            [formControl]="search"
+            maxlength="200"
+            [placeholder]="
+              section() === 'participants'
+                ? 'Поиск по имени или почте'
+                : 'Поиск по названию проекта'
+            "
+          />
+        </form>
+        @if (section() === "projects") {
+          <div class="management__filters">
+            <label
+              >Кейс<select [value]="currentCase()" (change)="changeCase($any($event.target).value)">
+                <option value="all">Все кейсы</option>
+                <option value="without_case">Без выбранного кейса</option>
+                @for (option of state.projects()?.caseOptions ?? []; track option) {
+                  <option [value]="'case:' + option">{{ option }}</option>
+                }
+              </select></label
+            >
+            @if (program.isCompetitive) {
+              <label
+                >Сдача решения<select
+                  [value]="state.context?.query?.submission ?? 'all'"
+                  (change)="changeQuery({ submission: $any($event.target).value, offset: 0 })"
+                >
+                  <option value="all">Все проекты</option>
+                  <option value="submitted">Сдано</option>
+                  <option value="not_submitted">Не сдано</option>
+                </select></label
+              >
+            }
+          </div>
+          @if (state.selected(); as selected) {
+            <section class="management__selection" aria-label="Действия выбранного проекта">
+              <div class="management__selection-name">
+                <span>Выбран проект</span><strong>{{ selected.name }}</strong>
+              </div>
+              <button type="button" appButton="secondary" (click)="openTeam($event)">
+                Посмотреть команду
+              </button>
+              @if (selected.submitted && program.isCompetitive) {
+                <a
+                  class="management__primary-link"
+                  [routerLink]="evaluationPath(selected.id)"
+                  [queryParams]="returnQuery()"
+                  >Перейти к оценке</a
+                >
+              } @else {
+                <div>
+                  <button type="button" appButton="primary" disabled>Перейти к оценке</button>
+                  <p class="management__muted">
+                    {{
+                      program.isCompetitive
+                        ? "Сначала нужно сдать решение."
+                        : "Программа не предусматривает оценивание."
+                    }}
+                  </p>
+                </div>
+              }
+              <button
+                type="button"
+                appButton="icon"
+                aria-label="Снять выбор проекта"
+                (click)="state.clearSelection()"
+              >
+                <i appIcon icon="cross" appSquare="12" aria-hidden="true"></i>
+              </button>
+            </section>
+          } @else if (count()) {
+            <p class="management__muted">
+              Выберите один проект, чтобы посмотреть команду или перейти к оценке.
+            </p>
+          }
+        }
+        @if (!count()) {
+          <div class="management__empty" role="status">
+            <h3>
+              {{
+                state.context?.query?.search ||
+                state.context?.query?.caseScope !== "all" ||
+                state.context?.query?.submission !== "all"
+                  ? "Ничего не найдено"
+                  : section() === "participants"
+                    ? "В программе пока нет участников"
+                    : "В программе пока нет проектов"
+              }}
+            </h3>
+            <p>Измените запрос или дождитесь появления новых данных.</p>
+            @if (
+              state.context?.query?.search ||
+              state.context?.query?.caseScope !== "all" ||
+              state.context?.query?.submission !== "all"
+            ) {
+              <button
+                type="button"
+                appButton="secondary"
+                (click)="
+                  changeQuery({
+                    search: null,
+                    case_scope: null,
+                    case_name: null,
+                    submission: null,
+                    offset: 0,
+                  })
+                "
+              >
+                Сбросить поиск и фильтры
+              </button>
+            }
+          </div>
+        } @else if (section() === "participants") {
+          <table appTable class="management__table management__participants">
+            <caption class="management__sr">
+              Участники программы
+            </caption>
+            <thead>
+              <tr>
+                <th scope="col">Участник</th>
+                <th scope="col">Почта</th>
+                <th scope="col">Город</th>
+                <th scope="col">В программе с</th>
+              </tr>
+            </thead>
+            <tbody>
+              @for (person of state.participants()?.results ?? []; track person.id) {
+                <tr>
+                  <td class="management__name" data-label="Участник">{{ person.name }}</td>
+                  <td data-label="Почта">{{ person.email || "Не указана" }}</td>
+                  <td data-label="Город">{{ person.city || "Не указан" }}</td>
+                  <td data-label="В программе с">
+                    {{ person.registeredAt | date: "dd.MM.yyyy" : "+0300" }}
+                  </td>
+                </tr>
+              }
+            </tbody>
+          </table>
+        } @else {
+          <table appTable class="management__table management__projects">
+            <caption class="management__sr">
+              Проекты программы. Можно выбрать один проект.
+            </caption>
+            <colgroup>
+              <col class="management__col-select" />
+              <col style="width: 21.4%" />
+              <col style="width: 16%" />
+              <col style="width: 12.1%" />
+              <col style="width: 13%" />
+              <col style="width: 18%" />
+              <col />
+            </colgroup>
+            <thead>
+              <tr>
+                <th scope="col"><span class="management__sr">Выбор проекта</span></th>
+                <th scope="col">Проект</th>
+                <th scope="col">Руководитель</th>
+                <th scope="col">Сдача решения</th>
+                <th scope="col">Оценивание</th>
+                <th scope="col">Кейс</th>
+                <th scope="col">Презентация</th>
+              </tr>
+            </thead>
+            <tbody>
+              @for (project of state.projects()?.results ?? []; track project.id) {
+                <tr
+                  [class.management__row-selected]="state.selected()?.id === project.id"
+                  (click)="selectFromRow($event, project)"
+                >
+                  <td class="management__pick">
+                    <label
+                      ><input
+                        appChoice
+                        type="radio"
+                        name="management-project"
+                        [value]="project.id"
+                        [checked]="state.selected()?.id === project.id"
+                        [attr.aria-label]="'Выбрать проект «' + project.name + '»'"
+                        (change)="select(project)"
+                    /></label>
+                  </td>
+                  <td class="management__name" data-label="Проект">
+                    <a [routerLink]="paths.projects.detail(project.projectId)">{{
+                      project.name
+                    }}</a>
+                  </td>
+                  <td data-label="Руководитель">{{ project.leader.name }}</td>
+                  <td data-label="Сдача решения">
+                    {{
+                      program.isCompetitive
+                        ? project.submitted
+                          ? "Сдано"
+                          : "Не сдано"
+                        : "Не применяется"
+                    }}
+                  </td>
+                  <td data-label="Оценивание">{{ evaluationLabel(project) }}</td>
+                  <td data-label="Кейс">{{ project.caseName || "Не выбран" }}</td>
+                  <td data-label="Презентация">
+                    @if (href(project.presentationUrl); as link) {
+                      <a
+                        [href]="link"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        [attr.aria-label]="'Открыть презентацию проекта «' + project.name + '»'"
+                        >Открыть</a
+                      >
+                    } @else {
+                      <span class="management__muted">Не добавлена</span>
+                    }
+                  </td>
+                </tr>
+              }
+            </tbody>
+          </table>
+        }
+        @if (count()) {
+          <app-pagination
+            [previousDisabled]="offset() === 0"
+            [nextDisabled]="rangeEnd() >= count()"
+            (previous)="page(-1)"
+            (next)="page(1)"
+            >{{ offset() + 1 }}–{{ rangeEnd() }} из {{ count() }}</app-pagination
+          >
+        }
+      </section>
+    } @else if (section() === "analytics") {
+      <app-program-analytics />
+    } @else if (section() === "evaluation") {
+      <section class="management__card">
+        <a
+          [routerLink]="paths.program.management(program.id, 'projects')"
+          [queryParams]="returnQuery()"
+          >К выбранному проекту</a
+        >
+        @if (state.evaluation(); as evaluation) {
+          <h2>Оценка проекта</h2>
+          <h3>{{ evaluation.name }}</h3>
+          @if (evaluation.canRate) {
+            <a
+              class="management__primary-link"
+              [routerLink]="paths.program.projectsRating(program.id)"
+              [queryParams]="{ project_id: evaluation.projectId }"
+              >Выставить или изменить мою оценку</a
+            >
+          }
+          @if (!evaluation.experts.length) {
+            <p role="status">
+              {{ evaluation.submitted ? "Оценок пока нет." : "Команда ещё не сдала решение." }}
+            </p>
+          }
+          @for (expert of evaluation.experts; track expert.id) {
+            <details class="management__expert" open>
+              <summary>
+                {{ expert.name }} ·
+                {{
+                  expert.status === "completed"
+                    ? "Оценено"
+                    : expert.status === "in_progress"
+                      ? "В работе"
+                      : "Не оценено"
+                }}
+              </summary>
+              <table appTable>
+                <caption class="management__sr">
+                  Оценки эксперта
+                  {{
+                    expert.name
+                  }}
+                </caption>
+                <thead>
+                  <tr>
+                    <th scope="col">Критерий</th>
+                    <th scope="col">Значение</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  @for (criterion of expert.criteria; track criterion.id) {
+                    <tr>
+                      <td>{{ criterion.name }}</td>
+                      <td>{{ criterion.isScored ? criterion.value : "Не оценено" }}</td>
+                    </tr>
+                  }
+                </tbody>
+              </table>
+            </details>
+          }
+        }
+      </section>
+    } @else if (section() === "settings") {
+      <nav class="management__settings-tabs" aria-label="Разделы настроек">
+        @for (tab of settingsTabs; track tab.id) {
+          <a
+            [routerLink]="[]"
+            [queryParams]="{ tab: tab.id }"
+            [attr.aria-current]="settingsTab() === tab.id ? 'page' : null"
+            >{{ tab.label }}</a
+          >
+        }
+      </nav>
+      @if (formError()) {
+        <div appAlert="error">
+          {{ formError() }}
+          <button type="button" appButton="text" (click)="reload()">Обновить данные</button>
+        </div>
+      }
+      @if (saved()) {
+        <p appAlert="success">Изменения сохранены.</p>
+      }
+      @if (settingsTab() === "basic") {
+        <form [formGroup]="basicForm" (ngSubmit)="save()" class="management__card management__form">
+          <h2>Основная информация</h2>
+          @for (field of basicFields; track field.key) {
+            <label [for]="'program-' + field.key"
+              >{{ field.label }}{{ field.required ? " *" : ""
+              }}<input
+                appField
+                [id]="'program-' + field.key"
+                [formControlName]="field.key"
+                [attr.aria-required]="field.required || null"
+            /></label>
+          }
+          <label for="program-description"
+            >Описание<textarea
+              id="program-description"
+              appField
+              formControlName="description"
+              rows="7"
+            ></textarea>
+          </label>
+          <h3>Изображения</h3>
+          <p class="management__muted">Обложка, логотип и баннер регистрации.</p>
+          @for (image of images; track image.key) {
+            <div class="management__image">
+              <strong>{{ image.label }}</strong>
+              @if (href(basicForm.get(image.key)?.value ?? null); as src) {
+                <img [src]="src" [alt]="image.label" />
+              }
+              <div class="management__inline">
+                <input
+                  #imageInput
+                  type="file"
+                  accept="image/*"
+                  hidden
+                  (change)="upload($event, image.key)"
+                /><button
+                  type="button"
+                  appButton="secondary"
+                  [disabled]="!!uploading() || saving()"
+                  (click)="imageInput.click()"
+                >
+                  {{ uploading() === image.key ? "Загружаем…" : "Загрузить изображение" }}
+                </button>
+                @if (basicForm.get(image.key)?.value) {
+                  <button
+                    type="button"
+                    appButton="text"
+                    [disabled]="!!uploading() || saving()"
+                    (click)="
+                      basicForm.get(image.key)?.setValue('');
+                      basicForm.get(image.key)?.markAsDirty()
+                    "
+                  >
+                    Убрать
+                  </button>
+                }
+              </div>
+            </div>
+          }
+          <label for="registration-link"
+            >Страница регистрации<input
+              appField
+              type="url"
+              id="registration-link"
+              formControlName="registrationLink" /></label
+          ><label for="presentation-link"
+            >Презентация или положение<input
+              appField
+              type="url"
+              id="presentation-link"
+              formControlName="presentationAddress"
+          /></label>
+          <div class="management__inline">
+            <button
+              appButton="primary"
+              [appButtonLoading]="saving()"
+              [disabled]="basicForm.pristine || !!uploading()"
+            >
+              Сохранить изменения</button
+            ><button
+              type="button"
+              appButton="secondary"
+              [disabled]="saving() || !!uploading()"
+              (click)="reload()"
+            >
+              Отменить
+            </button>
+          </div>
+        </form>
+      } @else if (settingsTab() === "dates") {
+        <form [formGroup]="datesForm" (ngSubmit)="save()" class="management__card management__form">
+          <h2>Календарь программы</h2>
+          <p class="management__muted">Даты и время указаны по Москве (UTC+3).</p>
+          @for (field of dateFields; track field.key) {
+            <label [for]="field.key"
+              >{{ field.label
+              }}<input
+                appField
+                type="datetime-local"
+                [id]="field.key"
+                [formControlName]="field.key"
+            /></label>
+          }
+          <p class="management__muted">
+            Если отдельный срок сдачи не задан, действует срок окончания регистрации.
+          </p>
+          <p class="management__muted">
+            Перенос завершённого срока на будущую дату снова откроет приём. Перед сохранением
+            появится подтверждение.
+          </p>
+          <div class="management__inline">
+            <button
+              appButton="primary"
+              [appButtonLoading]="saving()"
+              [disabled]="datesForm.pristine"
+            >
+              Сохранить изменения</button
+            ><button type="button" appButton="secondary" [disabled]="saving()" (click)="reload()">
+              Отменить
+            </button>
+          </div>
+        </form>
+      } @else {
+        <section class="management__card">
+          <h2>Материалы программы</h2>
+          <p class="management__muted">Документы и полезные ссылки для участников.</p>
+          <button type="button" appButton="primary" (click)="editMaterial('new')">
+            Добавить материал
+          </button>
+          @for (material of program.materials; track material.id) {
+            <article class="management__material">
+              <h3>
+                @if (href(material.url); as link) {
+                  <a [href]="link" target="_blank" rel="noopener noreferrer">{{
+                    material.title
+                  }}</a>
+                } @else {
+                  {{ material.title }}
+                }
+              </h3>
+              <p class="management__muted">
+                {{
+                  material.file
+                    ? "Файл · " +
+                      material.file.name +
+                      (material.file.extension ? "." + material.file.extension : "")
+                    : material.url
+                }}
+              </p>
+              <div class="management__inline">
+                <button
+                  type="button"
+                  appButton="secondary"
+                  [disabled]="saving()"
+                  (click)="editMaterial(material)"
+                >
+                  Изменить</button
+                ><button
+                  type="button"
+                  appButton="secondary"
+                  [disabled]="saving()"
+                  (click)="deleteMaterial(material)"
+                >
+                  Удалить
+                </button>
+              </div>
+            </article>
+          } @empty {
+            <p class="management__empty">
+              В программе пока нет материалов. Добавьте файл или ссылку.
+            </p>
+          }
+        </section>
+      }
+    }
+  }
+</main>
+
+@if (state.teamOpen()) {
+  <aside
+    class="management__team"
+    role="region"
+    aria-labelledby="management-team-heading"
+    [cdkTrapFocus]="mobile()"
+    [cdkTrapFocusAutoCapture]="mobile()"
+    (keydown.escape)="closeTeam(); $event.stopPropagation()"
+  >
+    <div class="management__team-heading">
+      <h2 id="management-team-heading" tabindex="-1" cdkFocusInitial>Команда проекта</h2>
+      <button
+        type="button"
+        appButton="icon"
+        aria-label="Закрыть состав команды"
+        (click)="closeTeam()"
+      >
+        <i appIcon icon="cross" appSquare="12" aria-hidden="true"></i>
+      </button>
+    </div>
+    @if (mobile()) {
+      <button type="button" appButton="text" (click)="closeTeam()">К выбранному проекту</button>
+    }
+    <h3>{{ state.selected()?.name }}</h3>
+    <p class="management__muted">{{ state.program()?.name }}</p>
+    @if (state.teamPending()) {
+      <p aria-live="polite" aria-busy="true">Загружаем состав команды…</p>
+    } @else if (state.teamError()) {
+      <div role="alert">
+        <p>{{ errorMessage(state.teamError()) }}</p>
+        <button type="button" appButton="secondary" (click)="state.openTeam()">Повторить</button>
+      </div>
+    } @else if (state.team(); as team) {
+      <p>Участников: {{ team.members.length }}</p>
+      @for (member of team.members; track member.id) {
+        <div class="management__team-member">
+          <p>{{ member.name }}</p>
+          <p class="management__muted">{{ member.role }}</p>
+        </div>
+      }
+    }
+  </aside>
+}
+
+<app-modal
+  [open]="modalOpen()"
+  labelledBy="management-dialog-title"
+  (openChange)="!$event ? dismissModal() : null"
+>
+  <div class="management__dialog">
+    @if (confirmation(); as confirm) {
+      <h2 id="management-dialog-title">{{ confirm.title }}</h2>
+      <p>{{ confirm.text }}</p>
+      <div class="management__inline">
+        <button
+          type="button"
+          [appButton]="confirm.safeCancel ? 'primary' : 'secondary'"
+          (click)="resolveConfirmation(false)"
+        >
+          {{ confirm.safeCancel ? "Остаться" : "Отмена" }}</button
+        ><button
+          type="button"
+          [appButton]="confirm.safeCancel ? 'secondary' : 'primary'"
+          (click)="resolveConfirmation(true)"
+        >
+          {{ confirm.label }}
+        </button>
+      </div>
+    } @else if (editingMaterial()) {
+      <form [formGroup]="materialForm" (ngSubmit)="saveMaterial()" class="management__form">
+        <h2 id="management-dialog-title">
+          {{ editingMaterial() === "new" ? "Добавить материал" : "Изменить материал" }}
+        </h2>
+        <label for="material-title"
+          >Название *<input appField id="material-title" formControlName="title" maxlength="255"
+        /></label>
+        <fieldset class="management__inline">
+          <legend>Источник материала</legend>
+          <label><input type="radio" appChoice formControlName="mode" value="link" /> Ссылка</label
+          ><label><input type="radio" appChoice formControlName="mode" value="file" /> Файл</label>
+        </fieldset>
+        @if (materialForm.controls.mode.value === "link") {
+          <label for="material-url"
+            >Ссылка *<input type="url" appField id="material-url" formControlName="url"
+          /></label>
+        } @else {
+          <div>
+            <input #materialFile type="file" hidden (change)="upload($event, 'material')" /><button
+              type="button"
+              appButton="secondary"
+              [disabled]="saving() || !!uploading()"
+              (click)="materialFile.click()"
+            >
+              {{ uploading() === "material" ? "Загружаем файл…" : "Выбрать файл" }}
+            </button>
+            @if (materialForm.controls.file.value) {
+              <p class="management__muted">Файл загружен.</p>
+            }
+          </div>
+        }
+        @if (formError()) {
+          <p appAlert="error">{{ formError() }}</p>
+        }
+        <div class="management__inline">
+          <button appButton="primary" [appButtonLoading]="saving()" [disabled]="!!uploading()">
+            Сохранить материал</button
+          ><button
+            type="button"
+            appButton="secondary"
+            [disabled]="saving() || !!uploading()"
+            (click)="closeMaterial()"
+          >
+            Отмена
+          </button>
+        </div>
+      </form>
+    }
+  </div>
+</app-modal>
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.scss b/projects/social_platform/src/app/ui/pages/program/management/management.component.scss
new file mode 100644
index 000000000..6a56bc1bf
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.scss
@@ -0,0 +1,549 @@
+/** @format */
+
+@use "styles/ui-foundation";
+
+:host {
+  display: block;
+  min-width: 0;
+}
+
+// Native adapters share the existing foundation on desktop as well as mobile.
+:host .ui-button {
+  @include ui-foundation.button;
+}
+
+:host .ui-field {
+  @include ui-foundation.control;
+}
+
+:host .ui-choice {
+  @include ui-foundation.choice;
+}
+
+.management {
+  min-width: 0;
+  max-width: 863px;
+  margin: 24px auto 48px;
+  font-size: 12px;
+  color: var(--black);
+
+  h1,
+  h2 {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  h3 {
+    margin: 0;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 20px;
+  }
+
+  p {
+    margin: 4px 0 0;
+    line-height: 1.5;
+  }
+
+  a {
+    color: var(--accent);
+    text-decoration: none;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  &__back {
+    display: inline-block;
+    margin-bottom: 20px;
+  }
+
+  &__heading {
+    margin-bottom: 20px;
+
+    p {
+      color: var(--grey-for-text);
+    }
+  }
+
+  &__tabs {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 20px;
+
+    a {
+      display: flex;
+      flex: 0 1 157px;
+      align-items: center;
+      justify-content: center;
+      min-height: 28px;
+      border: 1px solid var(--accent);
+      border-radius: 30px;
+    }
+
+    a[aria-current] {
+      color: var(--white);
+      background: var(--accent);
+    }
+  }
+
+  &__card {
+    min-width: 0;
+    padding: 20px;
+    background: var(--light-white);
+    border-radius: 15px;
+  }
+
+  &__muted {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 1.5;
+    color: var(--grey-for-text);
+    overflow-wrap: anywhere;
+  }
+
+  &__search {
+    margin: 20px 0;
+
+    input {
+      width: 100%;
+      min-height: 41px;
+      border-radius: 30px;
+    }
+  }
+
+  &__filters {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 20px;
+
+    label {
+      display: grid;
+      gap: 6px;
+      width: 240px;
+    }
+
+    select {
+      width: 100%;
+      min-height: 41px;
+      padding: 8px 14px;
+      font: inherit;
+      color: inherit;
+      background: transparent;
+      border: 1px solid var(--medium-grey-for-outline);
+      border-radius: 30px;
+    }
+  }
+
+  &__table {
+    width: 100%;
+    margin: 20px 0 0;
+    font-size: 12px;
+    table-layout: fixed;
+    border-collapse: collapse;
+
+    th {
+      font-weight: 600;
+      background: var(--light-gray);
+    }
+
+    th,
+    td {
+      padding: 12px 8px;
+      text-align: left;
+      overflow-wrap: anywhere;
+      vertical-align: middle;
+      border-bottom: 1px solid var(--medium-grey-for-outline);
+    }
+  }
+
+  &__participants th:nth-child(1) {
+    width: 29%;
+  }
+
+  &__participants th:nth-child(2) {
+    width: 32%;
+  }
+
+  &__participants th:nth-child(3) {
+    width: 19%;
+  }
+
+  &__row-selected {
+    background: var(--light-gray);
+  }
+
+  &__col-select {
+    width: 40px;
+  }
+
+  &__pick {
+    padding: 0 !important;
+
+    label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 44px;
+      cursor: pointer;
+    }
+
+    input {
+      margin: 0;
+      accent-color: var(--accent);
+    }
+  }
+
+  &__selection {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    padding: 12px;
+    margin: 20px 0;
+    background: var(--light-gray);
+    border-radius: 8px;
+
+    > button,
+    > a {
+      flex-shrink: 0;
+    }
+  }
+
+  &__selection-name {
+    display: grid;
+    flex: 1;
+    gap: 4px;
+    min-width: 0;
+    overflow-wrap: anywhere;
+
+    span {
+      color: var(--grey-for-text);
+    }
+  }
+
+  &__primary-link {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 44px;
+    padding: 10px 18px;
+    color: var(--white) !important;
+    text-align: center;
+    background: var(--accent);
+    border-radius: 30px;
+  }
+
+  &__empty {
+    display: grid;
+    gap: 16px;
+    justify-items: start;
+    padding: 28px 0;
+  }
+
+  &__settings-tabs {
+    display: flex;
+    margin-bottom: 20px;
+
+    a {
+      display: grid;
+      flex: 1;
+      align-items: center;
+      min-height: 44px;
+      color: var(--black);
+      text-align: center;
+      border-bottom: 1px solid transparent;
+    }
+
+    a[aria-current] {
+      color: var(--accent);
+      border-color: var(--accent);
+    }
+  }
+
+  &__form {
+    display: grid;
+    gap: 20px;
+
+    label {
+      display: grid;
+      gap: 8px;
+    }
+
+    input:not([type="radio"]),
+    textarea {
+      width: 100%;
+    }
+
+    textarea {
+      resize: vertical;
+    }
+  }
+
+  &__inline {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    align-items: center;
+  }
+
+  &__image {
+    display: grid;
+    gap: 12px;
+    padding: 16px 0;
+    border-top: 1px solid var(--medium-grey-for-outline);
+
+    img {
+      display: block;
+      max-width: 160px;
+      max-height: 100px;
+      object-fit: contain;
+    }
+  }
+
+  &__material {
+    display: grid;
+    gap: 8px;
+    padding: 20px 0;
+    margin-top: 20px;
+    border-top: 1px solid var(--medium-grey-for-outline);
+  }
+
+  &__expert {
+    margin-top: 24px;
+
+    summary {
+      min-height: 44px;
+      cursor: pointer;
+    }
+
+    table {
+      width: 100%;
+      table-layout: fixed;
+    }
+
+    td {
+      overflow-wrap: anywhere;
+    }
+  }
+
+  &__sr {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+
+.management__team {
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 30;
+  width: min(420px, 100vw);
+  height: 100dvh;
+  padding: 24px;
+  overflow: auto;
+  color: var(--black);
+  background: var(--light-white);
+  border-left: 1px solid var(--medium-grey-for-outline);
+
+  h2 {
+    margin: 0;
+    font-size: 16px;
+  }
+
+  h3 {
+    margin: 20px 0 0;
+    font-size: 12px;
+  }
+
+  p {
+    margin: 8px 0;
+    font-size: 14px;
+  }
+}
+
+.management__team-heading {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.management__team-member {
+  padding: 16px 0;
+  border-top: 1px solid var(--medium-grey-for-outline);
+}
+
+.management__dialog {
+  display: grid;
+  gap: 20px;
+  width: min(520px, calc(100vw - 72px));
+  font-size: 14px;
+  color: var(--black);
+
+  h2 {
+    margin: 0;
+    font-size: 16px;
+  }
+
+  p {
+    overflow-wrap: anywhere;
+  }
+
+  fieldset {
+    padding: 0;
+    margin: 0;
+    border: 0;
+
+    legend {
+      margin-bottom: 12px;
+    }
+
+    label {
+      display: flex;
+      align-items: center;
+      min-height: 44px;
+    }
+  }
+}
+
+@media (max-width: 999px) {
+  .management {
+    margin: 24px 20px 40px;
+
+    &__back {
+      min-height: 24px;
+    }
+
+    &__tabs {
+      gap: 8px;
+
+      a {
+        flex: 1;
+        min-width: 0;
+        min-height: 44px;
+        font-size: 12px;
+      }
+    }
+
+    &__card {
+      padding: 16px;
+    }
+
+    &__filters {
+      display: grid;
+
+      label {
+        width: 100%;
+      }
+    }
+
+    &__table {
+      display: block;
+
+      colgroup,
+      thead {
+        display: none;
+      }
+
+      tbody {
+        display: block;
+      }
+
+      tr {
+        position: relative;
+        display: block;
+        padding: 16px 0;
+        border-bottom: 1px solid var(--medium-grey-for-outline);
+      }
+
+      td {
+        display: grid;
+        grid-template-columns: 112px minmax(0, 1fr);
+        gap: 8px;
+        padding: 4px 0;
+        border: 0;
+      }
+
+      td::before {
+        color: var(--grey-for-text);
+        content: attr(data-label);
+      }
+
+      td.management__name {
+        display: block;
+        padding: 0 44px 12px 0;
+        font-size: 14px;
+        line-height: 21px;
+      }
+
+      td.management__name::before {
+        display: none;
+      }
+
+      td.management__pick {
+        position: absolute;
+        top: 8px;
+        right: 0;
+        display: block;
+        width: 44px;
+      }
+
+      td.management__pick::before {
+        display: none;
+      }
+    }
+
+    &__selection {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) 44px;
+
+      > button:not([aria-label]),
+      > a,
+      > div:has(button) {
+        grid-column: 1 / -1;
+        width: 100%;
+      }
+
+      > button[aria-label] {
+        grid-row: 1;
+        grid-column: 2;
+      }
+    }
+
+    &__selection-name {
+      grid-row: 1;
+      grid-column: 1;
+    }
+
+    &__inline > button {
+      min-height: 44px;
+    }
+
+    &__form input:not([type="radio"]) {
+      min-height: 44px;
+    }
+  }
+
+  .management__team {
+    width: 100%;
+    border: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :host * {
+    scroll-behavior: auto;
+  }
+}
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.spec.ts b/projects/social_platform/src/app/ui/pages/program/management/management.component.spec.ts
new file mode 100644
index 000000000..136bf0b19
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.spec.ts
@@ -0,0 +1,94 @@
+/** @format */
+
+import { TestBed } from "@angular/core/testing";
+import { signal } from "@angular/core";
+import { ActivatedRoute, Router } from "@angular/router";
+import { HttpErrorResponse } from "@angular/common/http";
+import { of, Subject, throwError } from "rxjs";
+import { FileService } from "@corelib";
+import { ProgramManagementService } from "@api/program/facades/detail/program-management.service";
+import { ProgramManagement } from "@domain/program/program-management.model";
+import { ProgramManagementComponent } from "./management.component";
+
+const program = {
+  id: 1,
+  name: "Программа",
+  city: "Москва",
+  tag: "кейс",
+  description: "Описание",
+  updatedAt: "2026-10-17T12:00:00.123456Z",
+  datetimeStarted: "2026-10-01T12:00:00.123Z",
+  datetimeFinished: "2026-11-01T12:00:00Z",
+  datetimeRegistrationEnds: "2026-10-20T12:00:00Z",
+  datetimeProjectSubmissionEnds: null,
+  datetimeEvaluationEnds: null,
+  materials: [],
+} as unknown as ProgramManagement;
+describe("Сохранение настроек организатора", () => {
+  function setup() {
+    const save = vi.fn(() => of(program));
+    const state = { program: signal(program), api: { save } };
+    TestBed.configureTestingModule({
+      providers: [
+        { provide: ProgramManagementService, useValue: state },
+        { provide: FileService, useValue: {} },
+        { provide: ActivatedRoute, useValue: { snapshot: { queryParams: {} } } },
+        { provide: Router, useValue: { events: new Subject(), navigate: vi.fn() } },
+      ],
+    });
+    const component = TestBed.runInInjectionContext(() => new ProgramManagementComponent());
+    TestBed.flushEffects();
+    component.resetForms();
+    return { component, state, save };
+  }
+  it("отмена ухода сохраняет введённые значения и dirty", async () => {
+    const { component } = setup();
+    component.basicForm.controls.name.setValue("Новое имя");
+    component.basicForm.controls.name.markAsDirty();
+    const result = component.canLeave();
+    expect(component.confirmation()?.safeCancel).toBe(true);
+    component.resolveConfirmation(false);
+    expect(await result).toBe(false);
+    expect(component.basicForm.controls.name.value).toBe("Новое имя");
+    expect(component.basicForm.dirty).toBe(true);
+  });
+  it("подтверждённый уход очищает dirty", async () => {
+    const { component } = setup();
+    component.basicForm.markAsDirty();
+    const result = component.canLeave();
+    component.resolveConfirmation(true);
+    expect(await result).toBe(true);
+    expect(component.dirty()).toBe(false);
+  });
+  it("сохраняет только изменённые поля и исходную версию", () => {
+    const { component, save } = setup();
+    component.settingsTab.set("basic");
+    component.basicForm.controls.name.setValue("Новое имя");
+    component.basicForm.controls.name.markAsDirty();
+    component.save();
+    expect(save).toHaveBeenCalledWith(1, "basic", {
+      expectedUpdatedAt: program.updatedAt,
+      confirmReopen: false,
+      name: "Новое имя",
+    });
+  });
+  it("409 не теряет значения формы", () => {
+    const { component, save } = setup();
+    save.mockReturnValue(
+      throwError(
+        () =>
+          new HttpErrorResponse({
+            status: 409,
+            error: { code: "stale_settings", detail: "Данные изменились" },
+          }),
+      ),
+    );
+    component.settingsTab.set("basic");
+    component.basicForm.controls.name.setValue("Мой текст");
+    component.basicForm.controls.name.markAsDirty();
+    component.save();
+    expect(component.basicForm.controls.name.value).toBe("Мой текст");
+    expect(component.basicForm.dirty).toBe(true);
+    expect(component.formError()).toContain("Данные изменились");
+  });
+});
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.ts b/projects/social_platform/src/app/ui/pages/program/management/management.component.ts
new file mode 100644
index 000000000..260363b7b
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.ts
@@ -0,0 +1,557 @@
+/** @format */
+
+import {
+  ChangeDetectionStrategy,
+  Component,
+  DestroyRef,
+  HostListener,
+  Injector,
+  OnInit,
+  afterNextRender,
+  computed,
+  effect,
+  inject,
+  signal,
+  untracked,
+} from "@angular/core";
+import { DatePipe, DOCUMENT } from "@angular/common";
+import { ActivatedRoute, NavigationEnd, Router, RouterLink } from "@angular/router";
+import { FormBuilder, ReactiveFormsModule, Validators } from "@angular/forms";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { HttpErrorResponse } from "@angular/common/http";
+import { debounceTime, distinctUntilChanged, filter, finalize, startWith } from "rxjs";
+import { A11yModule } from "@angular/cdk/a11y";
+import {
+  ButtonDirective,
+  FieldDirective,
+  TableDirective,
+  ChoiceDirective,
+  PaginationComponent,
+  AlertDirective,
+  IconComponent,
+} from "@uilib";
+import { FileService } from "@corelib";
+import { ProgramManagementRepositoryPort } from "@domain/program/ports/program-management.repository.port";
+import {
+  ManagementMaterial,
+  ManagementProject,
+  ManagementSection,
+  ManagementSettingsWrite,
+  SettingsSection,
+} from "@domain/program/program-management.model";
+import { ProgramManagementHttpAdapter } from "@infrastructure/adapters/program/program-management-http.adapter";
+import { ProgramManagementRepository } from "@infrastructure/repository/program/program-management.repository";
+import { ProgramManagementUseCase } from "@api/program/use-cases/program-management.use-case";
+import { ProgramManagementService } from "@api/program/facades/detail/program-management.service";
+import { ProgramDetailMainUIInfoService } from "@api/program/facades/detail/ui/program-detail-main-ui-info.service";
+import { AppRoutes } from "@api/paths/app-routes";
+import { ModalComponent } from "@ui/primitives/modal/modal.component";
+import { ProgramAnalyticsComponent } from "../detail/analytics/analytics.component";
+import { presentationHref } from "@utils/program-case-analytics";
+import { evaluationLabel, fromMoscowInput, toMoscowInput } from "@utils/program-management";
+
+@Component({
+  selector: "app-program-management",
+  templateUrl: "./management.component.html",
+  styleUrl: "./management.component.scss",
+  imports: [
+    RouterLink,
+    ReactiveFormsModule,
+    DatePipe,
+    A11yModule,
+    ButtonDirective,
+    FieldDirective,
+    TableDirective,
+    ChoiceDirective,
+    PaginationComponent,
+    AlertDirective,
+    IconComponent,
+    ModalComponent,
+    ProgramAnalyticsComponent,
+  ],
+  providers: [
+    ProgramManagementService,
+    ProgramManagementUseCase,
+    ProgramManagementRepository,
+    ProgramManagementHttpAdapter,
+    { provide: ProgramManagementRepositoryPort, useExisting: ProgramManagementRepository },
+    ProgramDetailMainUIInfoService,
+  ],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ProgramManagementComponent implements OnInit {
+  readonly state = inject(ProgramManagementService);
+  private readonly route = inject(ActivatedRoute);
+  private readonly router = inject(Router);
+  private readonly fb = inject(FormBuilder).nonNullable;
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly files = inject(FileService);
+  private readonly document = inject(DOCUMENT);
+  private readonly injector = inject(Injector);
+  readonly paths = AppRoutes;
+  readonly href = presentationHref;
+  readonly evaluationLabel = evaluationLabel;
+  readonly section = signal<ManagementSection>("participants");
+  readonly settingsTab = signal<SettingsSection>("basic");
+  readonly search = this.fb.control("");
+  readonly saving = signal(false);
+  readonly uploading = signal<string | null>(null);
+  readonly formError = signal<string | null>(null);
+  readonly saved = signal(false);
+  readonly editingMaterial = signal<ManagementMaterial | "new" | null>(null);
+  readonly confirmation = signal<{
+    title: string;
+    text: string;
+    label: string;
+    safeCancel: boolean;
+  } | null>(null);
+  readonly mobile = signal(window.innerWidth < 1000);
+  private confirmationCallback: ((yes: boolean) => void) | null = null;
+  private teamTrigger: HTMLElement | null = null;
+  readonly tabs = [
+    { id: "participants", label: "Участники" },
+    { id: "projects", label: "Проекты" },
+    { id: "analytics", label: "Аналитика" },
+    { id: "settings", label: "Настройки" },
+  ];
+  readonly settingsTabs = [
+    { id: "basic", label: "Основное" },
+    { id: "dates", label: "Сроки" },
+    { id: "materials", label: "Материалы" },
+  ];
+  readonly basicForm = this.fb.group({
+    name: ["", [Validators.required, Validators.pattern(/\S/)]],
+    city: [""],
+    tag: [""],
+    description: [""],
+    imageAddress: [""],
+    coverImageAddress: [""],
+    advertisementImageAddress: [""],
+    registrationLink: [""],
+    presentationAddress: [""],
+  });
+  readonly datesForm = this.fb.group({
+    datetimeStarted: ["", Validators.required],
+    datetimeRegistrationEnds: ["", Validators.required],
+    datetimeProjectSubmissionEnds: [""],
+    datetimeEvaluationEnds: [""],
+    datetimeFinished: ["", Validators.required],
+  });
+  readonly materialForm = this.fb.group({
+    title: ["", Validators.required],
+    mode: ["link"],
+    url: [""],
+    file: [""],
+  });
+  readonly basicFields = [
+    { key: "name", label: "Название программы", required: true },
+    { key: "city", label: "Город" },
+    { key: "tag", label: "Тег" },
+  ];
+  readonly images = [
+    { key: "coverImageAddress", label: "Обложка" },
+    { key: "imageAddress", label: "Логотип программы" },
+    { key: "advertisementImageAddress", label: "Баннер регистрации" },
+  ];
+  readonly dateFields = [
+    { key: "datetimeStarted", label: "Начало программы" },
+    { key: "datetimeRegistrationEnds", label: "Окончание регистрации" },
+    { key: "datetimeProjectSubmissionEnds", label: "Окончание приёма решений" },
+    { key: "datetimeEvaluationEnds", label: "Окончание оценивания" },
+    { key: "datetimeFinished", label: "Окончание программы" },
+  ];
+  readonly count = computed(() =>
+    this.section() === "participants"
+      ? (this.state.participants()?.count ?? 0)
+      : (this.state.projects()?.count ?? 0),
+  );
+  readonly offset = computed(() =>
+    this.state.projects() || this.state.participants()
+      ? (this.state.context?.query.offset ?? 0)
+      : 0,
+  );
+  readonly rangeEnd = computed(() => Math.min(this.offset() + 25, this.count()));
+  readonly modalOpen = computed(() => !!this.confirmation() || !!this.editingMaterial());
+  readonly requestError = computed(() => this.errorMessage(this.state.error()));
+
+  constructor() {
+    effect(() => {
+      const program = this.state.program();
+      if (program) untracked(() => this.resetForms());
+    });
+    this.destroyRef.onDestroy(() => {
+      this.confirmationCallback?.(false);
+    });
+  }
+  @HostListener("window:resize") onResize(): void {
+    this.mobile.set(window.innerWidth < 1000);
+  }
+  @HostListener("window:beforeunload", ["$event"]) onBeforeUnload(event: BeforeUnloadEvent): void {
+    if (this.dirty() || this.saving() || this.uploading()) {
+      event.preventDefault();
+      event.returnValue = "";
+    }
+  }
+  ngOnInit(): void {
+    this.search.valueChanges
+      .pipe(debounceTime(300), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
+      .subscribe(() => this.submitSearch());
+    this.router.events
+      .pipe(
+        filter(event => event instanceof NavigationEnd),
+        startWith(null),
+        takeUntilDestroyed(this.destroyRef),
+      )
+      .subscribe(() => {
+        const raw =
+          this.route.snapshot.data["managementSection"] ??
+          this.route.snapshot.paramMap.get("section");
+        const section = [
+          "participants",
+          "projects",
+          "analytics",
+          "settings",
+          "evaluation",
+        ].includes(raw)
+          ? (raw as ManagementSection)
+          : "participants";
+        const q = this.route.snapshot.queryParamMap;
+        const tab = q.get("tab");
+        this.settingsTab.set(tab === "dates" || tab === "materials" ? tab : "basic");
+        this.section.set(section);
+        this.search.setValue(q.get("search") ?? "", { emitEvent: false });
+        this.formError.set(null);
+        this.saved.set(false);
+        const offset = Number(q.get("offset") ?? 0),
+          id = Number(this.route.parent?.snapshot.paramMap.get("programId"));
+        if (!Number.isSafeInteger(id) || id < 1) return;
+        this.state.load({
+          programId: id,
+          section,
+          linkId: Number(this.route.snapshot.paramMap.get("linkId")) || undefined,
+          selectedId: Number(q.get("selected")) || undefined,
+          query: {
+            search: (q.get("search") ?? "").slice(0, 200),
+            offset: Number.isSafeInteger(offset) && offset >= 0 ? offset : 0,
+            limit: 25,
+            submission:
+              q.get("submission") === "submitted"
+                ? "submitted"
+                : q.get("submission") === "not_submitted"
+                  ? "not_submitted"
+                  : "all",
+            caseScope:
+              q.get("case_scope") === "selected"
+                ? "selected"
+                : q.get("case_scope") === "without_case"
+                  ? "without_case"
+                  : "all",
+            caseName: q.get("case_name") ?? undefined,
+          },
+        });
+      });
+  }
+  changeQuery(patch: Record<string, string | number | null>): void {
+    void this.router.navigate([], {
+      relativeTo: this.route,
+      queryParams: { ...patch, selected: null },
+      queryParamsHandling: "merge",
+    });
+  }
+  submitSearch(): void {
+    this.changeQuery({ search: this.search.value.trim() || null, offset: 0 });
+  }
+  page(delta: number): void {
+    this.changeQuery({ offset: Math.max(0, this.offset() + delta * 25) });
+  }
+  changeCase(value: string): void {
+    this.changeQuery({
+      case_scope: value === "all" || value === "without_case" ? value : "selected",
+      case_name: value.startsWith("case:") ? value.slice(5) : null,
+      offset: 0,
+    });
+  }
+  currentCase(): string {
+    const q = this.state.context?.query;
+    return q?.caseScope === "selected" ? `case:${q.caseName}` : (q?.caseScope ?? "all");
+  }
+  select(project: ManagementProject): void {
+    this.state.select(project);
+  }
+  selectFromRow(event: MouseEvent, project: ManagementProject): void {
+    if (!(event.target as HTMLElement).closest("a,button,input,label")) this.select(project);
+  }
+  openTeam(event: Event): void {
+    this.teamTrigger = event.currentTarget as HTMLElement;
+    this.state.openTeam();
+    afterNextRender(() => this.document.getElementById("management-team-heading")?.focus(), {
+      injector: this.injector,
+    });
+  }
+  closeTeam(): void {
+    this.state.closeTeam();
+    this.teamTrigger?.focus();
+  }
+  evaluationPath(linkId: number): string {
+    return `${AppRoutes.program.management(this.state.program()!.id, "projects")}/${linkId}/evaluation`;
+  }
+  returnQuery(): Record<string, string | number> {
+    return {
+      ...this.route.snapshot.queryParams,
+      selected: this.state.selected()?.id ?? Number(this.route.snapshot.paramMap.get("linkId")),
+    };
+  }
+  dirty(): boolean {
+    return this.basicForm.dirty || this.datesForm.dirty || this.materialForm.dirty;
+  }
+  async canLeave(): Promise<boolean> {
+    if (this.saving() || this.uploading()) return false;
+    if (!this.dirty()) return true;
+    const yes = await this.confirm(
+      "Есть несохранённые изменения",
+      "При выходе изменения будут потеряны.",
+      "Выйти без сохранения",
+      true,
+    );
+    if (yes) {
+      this.basicForm.markAsPristine();
+      this.datesForm.markAsPristine();
+      this.materialForm.markAsPristine();
+      this.editingMaterial.set(null);
+    }
+    return yes;
+  }
+  async reload(): Promise<void> {
+    if (await this.canLeave()) this.state.retry();
+  }
+  resetForms(): void {
+    const p = this.state.program();
+    if (!p) return;
+    this.basicForm.reset({
+      name: p.name,
+      city: p.city,
+      tag: p.tag,
+      description: p.description ?? "",
+      imageAddress: p.imageAddress ?? "",
+      coverImageAddress: p.coverImageAddress ?? "",
+      advertisementImageAddress: p.advertisementImageAddress ?? "",
+      registrationLink: p.registrationLink ?? "",
+      presentationAddress: p.presentationAddress ?? "",
+    });
+    this.datesForm.reset({
+      datetimeStarted: toMoscowInput(p.datetimeStarted),
+      datetimeRegistrationEnds: toMoscowInput(p.datetimeRegistrationEnds),
+      datetimeProjectSubmissionEnds: toMoscowInput(p.datetimeProjectSubmissionEnds),
+      datetimeEvaluationEnds: toMoscowInput(p.datetimeEvaluationEnds),
+      datetimeFinished: toMoscowInput(p.datetimeFinished),
+    });
+  }
+  save(confirmReopen = false): void {
+    const p = this.state.program(),
+      section = this.settingsTab();
+    if (!p || section === "materials" || this.saving() || this.uploading()) return;
+    const form = section === "basic" ? this.basicForm : this.datesForm;
+    if (form.invalid) {
+      form.markAllAsTouched();
+      this.formError.set("Заполните обязательные поля.");
+      return;
+    }
+    const body: ManagementSettingsWrite = { expectedUpdatedAt: p.updatedAt, confirmReopen };
+    for (const [name, control] of Object.entries(form.controls))
+      if (control.dirty)
+        body[name] = section === "dates" ? fromMoscowInput(control.value) : control.value;
+    this.saving.set(true);
+    this.formError.set(null);
+    this.saved.set(false);
+    this.state.api
+      .save(p.id, section, body)
+      .pipe(
+        finalize(() => this.saving.set(false)),
+        takeUntilDestroyed(this.destroyRef),
+      )
+      .subscribe({
+        next: program => {
+          this.state.program.set(program);
+          this.resetForms();
+          this.saved.set(true);
+        },
+        error: (error: HttpErrorResponse) => {
+          if (error.error?.code === "reopen_confirmation_required")
+            void this.confirm(
+              "Снова открыть приём?",
+              error.error.detail,
+              "Подтвердить и сохранить",
+            ).then(yes => {
+              if (yes) this.save(true);
+            });
+          else this.formError.set(this.errorMessage(error));
+        },
+      });
+  }
+  upload(event: Event, target: string): void {
+    const input = event.target as HTMLInputElement,
+      file = input.files?.[0];
+    if (!file) return;
+    if (target !== "material" && !file.type.startsWith("image/")) {
+      this.formError.set("Выберите изображение.");
+      return;
+    }
+    this.uploading.set(target);
+    this.formError.set(null);
+    this.files
+      .uploadFile(file)
+      .pipe(
+        finalize(() => {
+          this.uploading.set(null);
+          input.value = "";
+        }),
+        takeUntilDestroyed(this.destroyRef),
+      )
+      .subscribe({
+        next: ({ url }) => {
+          const control =
+            target === "material" ? this.materialForm.controls.file : this.basicForm.get(target);
+          control?.setValue(url);
+          control?.markAsDirty();
+        },
+        error: (error: HttpErrorResponse) => this.formError.set(this.errorMessage(error)),
+      });
+  }
+  editMaterial(material: ManagementMaterial | "new"): void {
+    this.editingMaterial.set(material);
+    this.formError.set(null);
+    this.materialForm.reset(
+      material === "new"
+        ? { title: "", mode: "link", url: "", file: "" }
+        : {
+            title: material.title,
+            mode: material.file ? "file" : "link",
+            url: material.file ? "" : material.url,
+            file: material.file?.link ?? "",
+          },
+    );
+  }
+  async closeMaterial(): Promise<void> {
+    if (this.saving() || this.uploading()) return;
+    if (
+      this.materialForm.dirty &&
+      !(await this.confirm(
+        "Закрыть без сохранения?",
+        "Изменения материала будут потеряны.",
+        "Закрыть без сохранения",
+        true,
+      ))
+    )
+      return;
+    this.editingMaterial.set(null);
+    this.materialForm.markAsPristine();
+    this.formError.set(null);
+  }
+  saveMaterial(): void {
+    const p = this.state.program(),
+      current = this.editingMaterial(),
+      value = this.materialForm.getRawValue();
+    if (!p || !current || this.saving() || this.uploading()) return;
+    if (this.materialForm.invalid || !(value.mode === "file" ? value.file : value.url)) {
+      this.formError.set("Укажите название и файл или ссылку.");
+      return;
+    }
+    this.saving.set(true);
+    this.formError.set(null);
+    this.state.api
+      .saveMaterial(
+        p.id,
+        {
+          title: value.title,
+          url: value.mode === "link" ? value.url : null,
+          file: value.mode === "file" ? value.file : null,
+          expectedUpdatedAt: current === "new" ? undefined : current.updatedAt,
+        },
+        current === "new" ? undefined : current.id,
+      )
+      .pipe(
+        finalize(() => this.saving.set(false)),
+        takeUntilDestroyed(this.destroyRef),
+      )
+      .subscribe({
+        next: material => {
+          this.state.program.update(p =>
+            p
+              ? {
+                  ...p,
+                  materials: [...p.materials.filter(m => m.id !== material.id), material].sort(
+                    (a, b) => a.id - b.id,
+                  ),
+                }
+              : p,
+          );
+          this.editingMaterial.set(null);
+          this.materialForm.markAsPristine();
+          this.saved.set(true);
+        },
+        error: (error: HttpErrorResponse) => this.formError.set(this.errorMessage(error)),
+      });
+  }
+  async deleteMaterial(material: ManagementMaterial): Promise<void> {
+    const p = this.state.program();
+    if (
+      !p ||
+      this.saving() ||
+      !(await this.confirm(
+        "Удалить материал?",
+        `«${material.title}» исчезнет из программы. Исходный файл сохранится.`,
+        "Удалить материал",
+      ))
+    )
+      return;
+    this.saving.set(true);
+    this.formError.set(null);
+    this.state.api
+      .deleteMaterial(p.id, material)
+      .pipe(
+        finalize(() => this.saving.set(false)),
+        takeUntilDestroyed(this.destroyRef),
+      )
+      .subscribe({
+        next: () => {
+          this.state.program.update(p =>
+            p ? { ...p, materials: p.materials.filter(m => m.id !== material.id) } : p,
+          );
+          this.saved.set(true);
+        },
+        error: (error: HttpErrorResponse) => this.formError.set(this.errorMessage(error)),
+      });
+  }
+  private confirm(
+    title: string,
+    text: string,
+    label: string,
+    safeCancel = false,
+  ): Promise<boolean> {
+    this.confirmationCallback?.(false);
+    this.confirmation.set({ title, text, label, safeCancel });
+    return new Promise(resolve => {
+      this.confirmationCallback = resolve;
+    });
+  }
+  resolveConfirmation(yes: boolean): void {
+    const callback = this.confirmationCallback;
+    this.confirmationCallback = null;
+    this.confirmation.set(null);
+    callback?.(yes);
+  }
+  dismissModal(): void {
+    if (this.confirmation()) this.resolveConfirmation(false);
+    else void this.closeMaterial();
+  }
+  errorMessage(error: HttpErrorResponse | null): string {
+    if (error?.status === 403) return "У вас нет доступа к управлению этой программой.";
+    if (error?.status === 401) return "Войдите в аккаунт, чтобы продолжить.";
+    if (error?.status === 404) return "Программа или выбранный объект не найдены.";
+    if (error?.status === 409)
+      return error.error?.detail ?? "Данные изменились. Обновите страницу перед сохранением.";
+    if (error?.status === 400)
+      return "Проверьте введённые значения и ссылки. Изменения сохранены в форме.";
+    return "Не удалось выполнить запрос. Проверьте соединение и повторите попытку.";
+  }
+}
diff --git a/projects/social_platform/src/app/ui/routes/program/detail.routes.ts b/projects/social_platform/src/app/ui/routes/program/detail.routes.ts
index b904fc6c8..8ec6cf4b1 100644
--- a/projects/social_platform/src/app/ui/routes/program/detail.routes.ts
+++ b/projects/social_platform/src/app/ui/routes/program/detail.routes.ts
@@ -9,9 +9,24 @@ import { ProgramProjectsResolver } from "@ui/pages/program/detail/list/projects.
 import { ProgramMembersResolver } from "@ui/pages/program/detail/list/members.resolver";
 import { ProgramDetailMainUIInfoService } from "@api/program/facades/detail/ui/program-detail-main-ui-info.service";
 import { ProgramAnalyticsComponent } from "@ui/pages/program/detail/analytics/analytics.component";
+import { ProgramManagementComponent } from "@ui/pages/program/management/management.component";
 
 /** Маршруты детальной страницы программы: информация, проекты и участники. */
 export const PROGRAM_DETAIL_ROUTES: Routes = [
+  { path: "management", pathMatch: "full", redirectTo: "management/participants" },
+  {
+    path: "management/projects/:linkId/evaluation",
+    component: ProgramManagementComponent,
+    data: { managementSection: "evaluation" },
+    canDeactivate: [(component: ProgramManagementComponent) => component.canLeave()],
+    runGuardsAndResolvers: "always",
+  },
+  {
+    path: "management/:section",
+    component: ProgramManagementComponent,
+    canDeactivate: [(component: ProgramManagementComponent) => component.canLeave()],
+    runGuardsAndResolvers: "always",
+  },
   {
     path: "",
     component: DeatilComponent,
diff --git a/projects/social_platform/src/app/ui/widgets/detail/detail.component.html b/projects/social_platform/src/app/ui/widgets/detail/detail.component.html
index 8aac40a4b..27bdad8dc 100644
--- a/projects/social_platform/src/app/ui/widgets/detail/detail.component.html
+++ b/projects/social_platform/src/app/ui/widgets/detail/detail.component.html
@@ -78,7 +78,10 @@
               "
             />
           }
-          <div class="info__actions">
+          <div
+            class="info__actions"
+            [class.info__actions--manager]="listType() === 'program' && isUserManager()"
+          >
             <ng-container
               *ngTemplateOutlet="
                 listType() === 'program'
@@ -171,8 +174,14 @@
                       <i appIcon icon="plus" appSquare="10"></i>
                     </app-button>
                   }
-                  @if ((isUserManager() || isUserExpert()) && isUserMember()) {
-                    <a [routerLink]="AppRoutes.program.projectsRating(info().id)">
+                  @if (isUserManager() || (isUserExpert() && isUserMember())) {
+                    <a
+                      [routerLink]="
+                        isUserManager() && !isUserExpert()
+                          ? AppRoutes.program.management(info().id, 'projects')
+                          : AppRoutes.program.projectsRating(info().id)
+                      "
+                    >
                       <app-button
                         [appearance]="
                           isProjectsRatingPage() || appWidth < 1000 ? 'inline' : 'outline'
@@ -187,13 +196,13 @@
                 </div>
 
                 @if (isUserManager()) {
-                  <a [routerLink]="AppRoutes.program.analytics(info().id)">
+                  <a [routerLink]="AppRoutes.program.management(info().id)">
                     <app-button
                       [appearance]="isAnalyticsPage() ? 'inline' : 'outline'"
                       [size]="appWidth >= 1000 ? 'medium' : 'big'"
                       customTypographyClass="text-body-12"
                     >
-                      аналитика
+                      управление программой
                     </app-button>
                   </a>
                 } @else {
@@ -238,7 +247,7 @@
                     </app-button>
                   }
                 }
-                @if (isUserManager() || (isUserExpert() && appWidth >= 1000)) {
+                @if (!isUserManager() && isUserExpert() && appWidth >= 1000) {
                   <a [routerLink]="AppRoutes.program.projects(info().id)">
                     <app-button
                       [appearance]="isProjectsPage() ? 'inline' : 'outline'"
@@ -262,7 +271,7 @@
                     </app-button>
                   </a>
                 }
-                @if (isUserManager() || (isUserExpert() && appWidth >= 1000)) {
+                @if (!isUserManager() && isUserExpert() && appWidth >= 1000) {
                   <a [routerLink]="AppRoutes.program.members(info().id)" class="info__members">
                     <app-button
                       [appearance]="isMembersPage() ? 'inline' : 'outline'"
@@ -274,7 +283,7 @@
                     </app-button>
                   </a>
                 }
-                @if (appWidth < 1000) {
+                @if (appWidth < 1000 && !isUserManager()) {
                   <app-button
                     appearance="outline"
                     size="big"
diff --git a/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss b/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss
index bfe10888d..d7712619e 100644
--- a/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss
+++ b/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss
@@ -3,6 +3,52 @@
 @use "styles/responsive";
 @use "styles/typography";
 
+.info__actions.info__actions--manager {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 207px minmax(0, 1fr);
+  gap: 0;
+
+  .info__primary-action {
+    display: grid;
+    grid-column: 1;
+    justify-content: end;
+    width: 100%;
+  }
+
+  > a {
+    grid-column: 3;
+    width: 100%;
+  }
+
+  .info__primary-action > a,
+  > a,
+  app-button {
+    display: grid;
+  }
+
+  .info__divider {
+    display: none;
+  }
+
+  app-button {
+    width: 100%;
+    min-height: 40px;
+  }
+
+  @media (max-width: 999px) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 12px;
+
+    .info__primary-action {
+      justify-content: stretch;
+    }
+
+    > a {
+      grid-column: 2;
+    }
+  }
+}
+
 $detail-bar-height: 63px;
 $detail-bar-mb: 12px;
 
diff --git a/projects/social_platform/src/app/utils/program-management.spec.ts b/projects/social_platform/src/app/utils/program-management.spec.ts
new file mode 100644
index 000000000..950e3ef24
--- /dev/null
+++ b/projects/social_platform/src/app/utils/program-management.spec.ts
@@ -0,0 +1,29 @@
+/** @format */
+
+import { evaluationLabel, fromMoscowInput, toMoscowInput } from "./program-management";
+import { ManagementProject } from "@domain/program/program-management.model";
+describe("Отображение управления программой", () => {
+  it("не называет частичную оценку завершённой", () => {
+    expect(
+      evaluationLabel({
+        evaluationStatus: "partially_evaluated",
+        assignmentsCompleted: 1,
+        assignmentsTotal: 2,
+      } as ManagementProject),
+    ).toBe("Частично · 1/2");
+  });
+  it("различает несданное решение и отсутствие оценки сданного", () => {
+    expect(evaluationLabel({ evaluationStatus: "not_submitted" } as ManagementProject)).toBe("—");
+    expect(evaluationLabel({ evaluationStatus: "awaiting_evaluation" } as ManagementProject)).toBe(
+      "Не оценено",
+    );
+  });
+  it("использует Москву независимо от часового пояса браузера", () => {
+    expect(toMoscowInput("2026-10-17T22:00:00Z")).toBe("2026-10-18T01:00");
+    expect(fromMoscowInput("2026-10-18T01:00")).toBe("2026-10-17T22:00:00.000Z");
+  });
+  it("сохраняет пустой отдельный срок как null для серверного fallback", () => {
+    expect(fromMoscowInput("")).toBeNull();
+    expect(toMoscowInput(null)).toBe("");
+  });
+});
diff --git a/projects/social_platform/src/app/utils/program-management.ts b/projects/social_platform/src/app/utils/program-management.ts
new file mode 100644
index 000000000..b7f29646e
--- /dev/null
+++ b/projects/social_platform/src/app/utils/program-management.ts
@@ -0,0 +1,30 @@
+/** @format */
+
+import { ManagementProject } from "@domain/program/program-management.model";
+
+export function evaluationLabel(project: ManagementProject): string {
+  switch (project.evaluationStatus) {
+    case "evaluated":
+      return "Оценено";
+    case "partially_evaluated":
+      return `Частично · ${project.assignmentsCompleted}/${project.assignmentsTotal}`;
+    case "awaiting_evaluation":
+      return "Не оценено";
+    case "not_applicable":
+      return "Не применяется";
+    default:
+      return "—";
+  }
+}
+
+/** datetime-local не содержит зоны; календарь программы явно работает по Москве. */
+export function toMoscowInput(value: string | null): string {
+  if (!value) return "";
+  const date = new Date(value);
+  return Number.isFinite(date.valueOf())
+    ? new Date(date.valueOf() + 3 * 3600_000).toISOString().slice(0, 16)
+    : "";
+}
+export function fromMoscowInput(value: string): string | null {
+  return value ? new Date(`${value}:00+03:00`).toISOString() : null;
+}