<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Relocate ID — Админ-панель</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div id="app" class="layout is-login">
    <aside class="sidebar">
      <div class="sidebar-header">
        <div class="sidebar-brand">
          <div class="sidebar-logo">R</div>
          <div class="sidebar-brand-text">
            <strong>Relocate ID</strong>
            <span id="sidebar-user-email">—</span>
          </div>
        </div>
      </div>
      <nav class="sidebar-nav">
        <div class="nav-group-label">Обзор</div>
        <a href="#dashboard" data-page="dashboard">Дашборд</a>
        <a href="#kyc-reviews" data-page="kyc-reviews">Проверки Nomad ID</a>
        <a href="#users" data-page="users">Пользователи</a>
        <a href="#organizations" data-page="organizations">B2B Организации</a>
        <a href="#documents" data-page="documents">Документы</a>

        <div class="nav-group-label">Коммуникации</div>
        <a href="#channels" data-page="channels">Чаты</a>
        <a href="#content" data-page="content">Контент</a>
        <a href="#broadcast" data-page="broadcast">Рассылка</a>

        <div class="nav-group-label">Продукт</div>
        <a href="#jobs" data-page="jobs">Вакансии</a>
        <a href="#visas" data-page="visas">Визы</a>
        <a href="#structure" data-page="structure">Страны</a>
        <a href="#ai-scores" data-page="ai-scores">AI Скоринг</a>
        <a href="#stay-purposes" data-page="stay-purposes">Цели пребывания</a>
        <a href="#languages" data-page="languages">Языковые пакеты</a>

        <div class="nav-group-label">Финансы</div>
        <a href="#finance" data-page="finance">Финансы</a>
        <a href="#finance-management" data-page="finance-management">Управление финансами</a>

        <div class="nav-group-label">Settlement / Climate</div>
        <a href="#settlement" data-page="settlement">Settlement</a>
        <a href="#settlement-listings" data-page="settlement-listings">Листинги</a>
        <a href="#settlement-inquiries" data-page="settlement-inquiries">Запросы</a>
        <a href="#climate-profiles" data-page="climate-profiles">Climate Профили</a>
        <a href="#climate-risk-zones" data-page="climate-risk-zones">Зоны риска</a>
        <a href="#climate-treaties" data-page="climate-treaties">Договоры</a>

        <div class="nav-group-label">Система</div>
        <a href="#system" data-page="system">Система</a>
        <a href="#system-logs" data-page="system-logs">Логи</a>
        <a href="#system-errors" data-page="system-errors">Ошибки</a>
        <a href="#system-status" data-page="system-status">Статус API</a>
        <a href="#system-cron" data-page="system-cron">Cron</a>
        <a href="#system-parsers" data-page="system-parsers">Парсеры</a>
        <a href="#" id="logout">Выйти</a>
      </nav>
    </aside>
    <main class="main">
      <div id="page-login" class="page active">
        <div class="login-box">
          <h1>Админ-панель</h1>
          <p class="login-lead">Вход только через Google. Доступ есть у аккаунтов с ролью <strong>admin</strong>.</p>
          <button type="button" class="btn btn-primary btn-google" id="btn-google-login" style="width:100%">
            Войти через Google
          </button>
          <div id="login-status" class="status"></div>
        </div>
      </div>
      <div id="page-dashboard" class="page">
        <div class="card">
          <h2>Статистика</h2>
          <div id="dashboard-stats" class="stats"></div>
        </div>
        <div class="card">
          <h2>Пользователи по цели пребывания</h2>
          <div id="dashboard-by-purpose" class="table-wrap"></div>
        </div>
        <div class="card">
          <h2>Пользователи по стране назначения</h2>
          <div id="dashboard-by-destination" class="table-wrap"></div>
        </div>
      </div>
      <div id="page-kyc-reviews" class="page">
        <div class="card" id="kyc-list-card">
          <h2>Очередь проверок Nomad ID</h2>
          <p style="color: var(--text-secondary); font-size: 14px; margin-top:0">
            Все заявки в статусе manual_review / needs_info. Админ может назначить менеджера или принять решение сам.
          </p>
          <div class="toolbar">
            <select id="kyc-filter-status" class="input" style="max-width: 200px;">
              <option value="">Активные (очередь)</option>
              <option value="manual_review">Требует проверки</option>
              <option value="needs_info">Доп. проверка</option>
              <option value="verified_full">Подтверждён Full</option>
              <option value="verified_minimal">Подтверждён Minimal</option>
              <option value="rejected">Отклонён</option>
            </select>
            <button type="button" class="btn btn-primary" id="kyc-reviews-refresh">Обновить</button>
          </div>
          <div id="kyc-reviews-status" class="status"></div>
          <div id="kyc-reviews-table-wrap" class="table-wrap"></div>
        </div>
        <div id="kyc-detail" style="display:none"></div>
      </div>
      <div id="page-users" class="page">
        <div class="card">
          <h2>Пользователи</h2>
          <div class="toolbar">
            <input type="text" id="users-search" class="input" placeholder="Поиск..." style="max-width: 200px;">
            <select id="users-role" class="input" style="max-width: 160px;">
              <option value="">Все роли</option>
            </select>
            <select id="users-purpose" class="input" style="max-width: 200px;">
              <option value="">Все цели</option>
            </select>
            <button type="button" class="btn btn-primary" id="users-refresh">Обновить</button>
          </div>
          <div id="users-table-wrap" class="table-wrap"></div>
          <div id="users-pagination"></div>
        </div>
      </div>
      <div id="page-channels" class="page">
        <div class="card">
          <h2>Каналы чатов</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Создание чатов, просмотр сообщений, удаление. Категории: Medical, Legal, Visa, Jobs, Housing, General и др.</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="channels-create">Создать чат</button>
            <input type="text" id="channels-search" class="input" placeholder="Поиск по названию" style="max-width: 180px;">
            <select id="channels-filter-country" class="input" style="max-width:100px">
              <option value="">Все страны</option>
              <option value="FI">FI</option>
              <option value="DE">DE</option>
              <option value="ES">ES</option>
              <option value="FR">FR</option>
              <option value="IT">IT</option>
              <option value="NL">NL</option>
              <option value="PL">PL</option>
              <option value="PT">PT</option>
              <option value="CN">CN</option>
              <option value="ID">ID</option>
            </select>
            <select id="channels-filter-category" class="input" style="max-width:120px">
              <option value="">Категория</option>
              <option value="general">Общий</option>
              <option value="legal">Юридический</option>
              <option value="medical">Медицина</option>
              <option value="visa">Визы</option>
              <option value="jobs">Работа</option>
              <option value="housing">Жильё</option>
              <option value="tax">Налоги</option>
              <option value="relocation">Релокация</option>
            </select>
            <button type="button" class="btn btn-secondary" id="channels-refresh">Обновить</button>
          </div>
          <div id="channels-loading" class="status" style="display:none;">Загрузка...</div>
          <div id="channels-table-wrap" class="table-wrap"></div>
          <div id="channels-pagination" style="margin-top:12px;"></div>
        </div>
      </div>
      <div id="page-documents" class="page">
        <div class="card">
          <h2>Документы пользователей</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Список документов всех пользователей. Фильтр по типу и поиск.</p>
          <div class="toolbar">
            <select id="documents-type" class="input" style="max-width: 140px;">
              <option value="">Все типы</option>
              <option value="passport">Паспорт</option>
              <option value="visa">Виза</option>
              <option value="residence">ВНЖ</option>
              <option value="medical">Медкарта</option>
            </select>
            <input type="text" id="documents-search" class="input" placeholder="Поиск (email, имя, номер док.)" style="max-width: 220px;">
            <button type="button" class="btn btn-primary" id="documents-refresh">Обновить</button>
          </div>
          <div id="documents-loading" class="status" style="display:none;">Загрузка...</div>
          <div id="documents-table-wrap" class="table-wrap"></div>
          <div id="documents-pagination" style="margin-top: 12px;"></div>
        </div>
      </div>
      <div id="page-jobs" class="page">
        <div class="card">
          <h2>Вакансии</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Список вакансий из БД.</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="jobs-refresh">Обновить</button>
          </div>
          <div id="jobs-loading" class="status" style="display:none;">Загрузка...</div>
          <div id="jobs-table-wrap" class="table-wrap"></div>
        </div>
      </div>
      <div id="page-visas" class="page">
        <div class="card">
          <h2>Визы</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Типы виз, требования по странам (датасеты).</p>
          <div id="visas-placeholder" class="table-wrap"><p class="empty">Датасеты: см. раздел AI Скоринг.</p></div>
        </div>
      </div>
      <div id="page-ai-scores" class="page">
        <div class="card">
          <h2>AI Скоринг</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Последние расчёты визового скоринга.</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="visa-scores-refresh">Обновить</button>
          </div>
          <div id="visa-scores-loading" class="status" style="display:none;">Загрузка...</div>
          <div id="visa-scores-table-wrap" class="table-wrap"></div>
          <div id="visa-scores-pagination" style="margin-top: 12px;"></div>
        </div>
      </div>
      <div id="page-finance" class="page">
        <div class="card">
          <h2>Финансы</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Сводка по бюджетам и расходам пользователей.</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="finance-refresh">Обновить</button>
          </div>
          <div id="finance-loading" class="status" style="display:none;">Загрузка...</div>
          <div id="finance-overview" class="stats" style="margin-bottom: 16px;"></div>
          <div id="finance-users-table-wrap" class="table-wrap"></div>
        </div>
      </div>
      <div id="page-finance-management" class="page">
        <div class="card">
          <h2>Управление финансами</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Включение/отключение по странам: подписка, оплата, пополнение. Выберите <strong>страну исхода</strong> и <strong>страну въезда</strong> — для этой пары можно отключить подписку (блок подписки в приложении не отображается), оплату или пополнение. Чтобы снова <strong>включить</strong> — нажмите «Изменить» у нужной строки, снимите галочки и сохраните, либо удалите ограничение. Логика Google Play, Apple Pay и Stripe для остальных пользователей не меняется.</p>
          <div class="toolbar" style="flex-wrap: wrap; gap: 12px; align-items: flex-end;">
            <div>
              <label class="label">Страна исхода</label>
              <select id="finance-mgmt-origin" class="input" style="min-width: 200px;"></select>
            </div>
            <div>
              <label class="label">Страна въезда</label>
              <select id="finance-mgmt-destination" class="input" style="min-width: 200px;"></select>
            </div>
            <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 12px;">
              <label style="display: inline-flex; align-items: center; gap: 6px;"><input type="checkbox" id="finance-mgmt-disable-sub" checked> Отключить подписку</label>
              <label style="display: inline-flex; align-items: center; gap: 6px;"><input type="checkbox" id="finance-mgmt-disable-payment"> Отключить оплату</label>
              <label style="display: inline-flex; align-items: center; gap: 6px;"><input type="checkbox" id="finance-mgmt-disable-topup"> Отключить пополнение</label>
            </div>
            <button type="button" class="btn btn-primary" id="finance-mgmt-add">Добавить / Сохранить</button>
          </div>
          <div id="finance-mgmt-status" class="status" style="margin-top: 8px;"></div>
          <div id="finance-mgmt-loading" class="status" style="display:none; margin-top: 12px;">Загрузка...</div>
          <div id="finance-mgmt-table-wrap" class="table-wrap" style="margin-top: 16px;"></div>
        </div>
      </div>
      <div id="page-content" class="page">
        <div class="card">
          <h2>Контент и модерация</h2>
          <p style="color: var(--text-secondary); font-size: 14px; margin: 0 0 16px;">
            Сторис и жалобы пользователей. Удаление / принятие жалобы отправляет уведомление автору.
          </p>
          <div class="content-tabs" role="tablist">
            <button type="button" class="content-tab active" data-content-tab="stories" id="tab-stories">Сторис</button>
            <button type="button" class="content-tab" data-content-tab="reports" id="tab-reports">Жалобы</button>
          </div>
        </div>

        <div id="content-panel-stories" class="content-panel">
          <div class="card">
            <div class="toolbar" style="justify-content:space-between">
              <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap">
                <h2 style="margin:0">Сторис</h2>
                <span id="stories-count" class="badge badge-muted">0</span>
              </div>
              <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap">
                <label class="label" style="margin:0;display:flex;align-items:center;gap:8px;cursor:pointer">
                  <input type="checkbox" id="stories-active-only"> Только активные (&lt;24ч)
                </label>
                <button type="button" class="btn btn-primary" id="stories-refresh">Обновить</button>
              </div>
            </div>
            <div id="stories-table-wrap" class="table-wrap"></div>
          </div>
        </div>

        <div id="content-panel-reports" class="content-panel" style="display:none">
          <div class="card">
            <div class="toolbar" style="justify-content:space-between">
              <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap">
                <h2 style="margin:0">Жалобы</h2>
                <span id="reports-count" class="badge badge-muted">0</span>
              </div>
              <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap">
                <select id="reports-status" class="input" style="max-width:180px">
                  <option value="pending">Ожидают</option>
                  <option value="resolved">Приняты</option>
                  <option value="rejected">Отклонены</option>
                  <option value="all">Все</option>
                </select>
                <button type="button" class="btn btn-primary" id="reports-refresh">Обновить</button>
              </div>
            </div>
            <p style="color: var(--text-secondary); font-size: 13px; margin: 0 0 12px;">
              При принятии жалобы на <code>story</code> сторис удаляется, автор получает push и in-app уведомление.
            </p>
            <div id="reports-table-wrap" class="table-wrap"></div>
          </div>
        </div>
      </div>
      <div id="page-broadcast" class="page">
        <h1 class="page-title">Рассылка push</h1>
        <p class="page-sub">Массовые уведомления. Время расписания всегда в <strong>UTC (00:00 мировое)</strong>.</p>
        <div class="card">
          <h2>Новая рассылка</h2>
          <div class="toolbar" style="flex-wrap:wrap;gap:10px">
            <select id="broadcast-audience" class="input" style="max-width:180px">
              <option value="all">Весь мир (все)</option>
              <option value="country">Страна</option>
              <option value="city">Город</option>
              <option value="user">Пользователь</option>
            </select>
            <input type="text" id="broadcast-audience-value" class="input" placeholder="Код страны / город / email или uid" style="max-width:280px">
            <input type="text" id="broadcast-title" class="input" placeholder="Заголовок" style="max-width:240px">
          </div>
          <label class="label">Текст сообщения</label>
          <textarea id="broadcast-body" class="input" rows="4" style="max-width:100%;width:100%"></textarea>
          <label class="label">Ссылка (опционально)</label>
          <input type="url" id="broadcast-link" class="input" placeholder="https://..." style="max-width:100%">
          <div class="toolbar" style="margin-top:12px;flex-wrap:wrap;gap:10px">
            <label class="label" style="margin:0">Дата и время UTC</label>
            <input type="datetime-local" id="broadcast-schedule" class="input" style="max-width:220px">
            <button type="button" class="btn btn-secondary" id="broadcast-schedule-send">Запланировать (UTC)</button>
            <button type="button" class="btn btn-primary" id="broadcast-send-now">Отправить сейчас</button>
          </div>
          <div id="broadcast-status" class="status"></div>
        </div>
        <div class="card">
          <h2>История</h2>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="broadcast-refresh">Обновить</button>
          </div>
          <div id="broadcast-table-wrap" class="table-wrap"></div>
        </div>
      </div>

      <div id="page-system" class="page">
        <h1 class="page-title">Система</h1>
        <p class="page-sub">Обзор API, логи, ошибки, cron и парсеры.</p>
        <div class="card">
          <h2>Быстрый статус</h2>
          <div id="system-overview-stats" class="stats"></div>
          <div class="toolbar" style="margin-top:12px">
            <button type="button" class="btn btn-primary" id="system-overview-refresh">Обновить</button>
          </div>
        </div>
        <div class="card">
          <h2>Разделы</h2>
          <div class="content-tabs">
            <a class="content-tab" href="#system-status">Статус API</a>
            <a class="content-tab" href="#system-logs">Логи</a>
            <a class="content-tab" href="#system-errors">Ошибки</a>
            <a class="content-tab" href="#system-cron">Cron</a>
            <a class="content-tab" href="#system-parsers">Парсеры</a>
          </div>
        </div>
      </div>

      <div id="page-system-status" class="page">
        <h1 class="page-title">Статус API</h1>
        <p class="page-sub">Health, БД, Redis, Kafka, память процесса.</p>
        <div class="card">
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="system-status-refresh">Обновить</button>
          </div>
          <div id="system-status-wrap" class="table-wrap"></div>
        </div>
      </div>

      <div id="page-system-logs" class="page">
        <h1 class="page-title">Логи</h1>
        <p class="page-sub">Поток stdout API (in-memory). Фильтр по уровню и тексту.</p>
        <div class="card">
          <div class="toolbar">
            <input type="text" id="logs-q" class="input" placeholder="Поиск…" style="max-width:220px">
            <select id="logs-level" class="input" style="max-width:140px">
              <option value="all">Все уровни</option>
              <option value="info">info</option>
              <option value="warn">warn</option>
              <option value="error">error</option>
            </select>
            <button type="button" class="btn btn-primary" id="logs-refresh">Обновить</button>
          </div>
          <div id="logs-table-wrap" class="table-wrap"></div>
        </div>
      </div>

      <div id="page-system-errors" class="page">
        <h1 class="page-title">Ошибки</h1>
        <p class="page-sub">Только level=error из буфера логов API.</p>
        <div class="card">
          <div class="toolbar">
            <input type="text" id="errors-q" class="input" placeholder="Поиск…" style="max-width:220px">
            <button type="button" class="btn btn-primary" id="errors-refresh">Обновить</button>
          </div>
          <div id="errors-table-wrap" class="table-wrap"></div>
        </div>
      </div>

      <div id="page-system-cron" class="page">
        <h1 class="page-title">Cron</h1>
        <p class="page-sub">Зарегистрированные фоновые задачи API.</p>
        <div class="card">
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="cron-refresh">Обновить</button>
          </div>
          <div id="cron-table-wrap" class="table-wrap"></div>
        </div>
      </div>

      <div id="page-system-parsers" class="page">
        <h1 class="page-title">Парсеры</h1>
        <p class="page-sub">Очередь ingestion, источники и доступные парсеры.</p>
        <div class="card">
          <div class="toolbar">
            <select id="parsers-queue-status" class="input" style="max-width:160px">
              <option value="">Все статусы</option>
              <option value="pending">pending</option>
              <option value="approved">approved</option>
              <option value="rejected">rejected</option>
            </select>
            <button type="button" class="btn btn-primary" id="parsers-refresh">Обновить</button>
            <button type="button" class="btn btn-secondary" id="parsers-run">Запустить ingestion</button>
            <button type="button" class="btn btn-secondary" id="parsers-run-law">Law parser</button>
          </div>
          <h3>Парсеры</h3>
          <div id="parsers-list-wrap" class="table-wrap" style="margin-bottom:16px"></div>
          <h3>Источники</h3>
          <div id="parsers-sources-wrap" class="table-wrap" style="margin-bottom:16px"></div>
          <h3>Очередь</h3>
          <div id="parsers-queue-wrap" class="table-wrap"></div>
        </div>
      </div>
      <div id="page-stay-purposes" class="page">
        <div class="card">
          <h2>Цели пребывания (причины въезда)</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Данные из БД, отображаются при регистрации и в профиле.</p>
          <div id="stay-purposes-list" class="table-wrap"></div>
        </div>
      </div>
      <div id="page-structure" class="page">
        <div class="card">
          <h2>Страны из БД</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Редактирование данных и приветственное видео (показывается после выбора страны въезда при регистрации).</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="btnRefreshCountriesList">Обновить список стран</button>
          </div>
          <div id="countries-list-wrap" class="table-wrap"></div>
        </div>
        <div class="card">
          <h2>Управление структурой (чаты)</h2>
          <p>Страны и города: загрузите JSON — страны обновятся, города создадут чаты.</p>
          <div class="toolbar">
            <input type="file" id="fileCountries" accept=".json" style="display:none">
            <button type="button" class="btn btn-primary" id="btnUploadCountries">Загрузить JSON стран</button>
            <input type="file" id="fileCities" accept=".json" style="display:none">
            <button type="button" class="btn btn-secondary" id="btnUploadCities">Загрузить JSON городов</button>
            <button type="button" class="btn btn-secondary" id="btnRefreshStructure">Обновить дерево</button>
          </div>
          <div id="structure-status" class="status"></div>
          <div id="structure-tree"></div>
        </div>
      </div>
      <div id="page-languages" class="page">
        <div class="card">
          <h2>Языковые пакеты</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">27 языков платформы (ru, en + 25). Добавьте язык, включите/выключите, загрузите JSON или скопируйте ключи из ru/en.</p>
          <div class="toolbar">
            <input type="text" id="lang-code" class="input" placeholder="Код (ru, en, kk…)" style="max-width: 120px;">
            <input type="text" id="lang-name" class="input" placeholder="Название" style="max-width: 180px;">
            <button type="button" class="btn btn-primary" id="lang-add">Добавить язык</button>
            <button type="button" class="btn btn-secondary" id="lang-refresh">Обновить список</button>
          </div>
          <div id="languages-status" class="status"></div>
          <div id="languages-list-wrap" class="table-wrap"></div>
        </div>
        <div class="card">
          <h3>Загрузить переводы (JSON)</h3>
          <p style="color: var(--text-secondary); font-size: 14px;">JSON: <code>{ "profile_title": "Профиль" }</code>. UPSERT — существующие ключи обновятся, новые добавятся, ничего не удаляется. При загрузке сверяется покрытие с эталоном <code>en</code>.</p>
          <div class="toolbar">
            <select id="lang-upload-select" class="input" style="max-width: 200px;"></select>
            <input type="file" id="lang-upload-file" accept=".json" style="display:none">
            <button type="button" class="btn btn-primary" id="lang-upload-btn">Выбрать JSON и применить</button>
            <button type="button" class="btn btn-secondary" id="lang-export-btn">Скачать JSON</button>
          </div>
          <div id="languages-upload-status" class="status"></div>
        </div>
        <div class="card">
          <h3>Массовая загрузка пакетов</h3>
          <p style="color: var(--text-secondary); font-size: 14px;">Несколько файлов <code>translations_de.json</code>, <code>translations_fr.json</code>… или один JSON вида <code>{ "de": {...}, "fr": {...} }</code>.</p>
          <div class="toolbar">
            <input type="file" id="lang-bulk-file" accept=".json" multiple style="display:none">
            <button type="button" class="btn btn-primary" id="lang-bulk-btn">Выбрать файлы / пакет</button>
            <button type="button" class="btn btn-secondary" id="lang-cache-purge-btn">Очистить кэш динамики (TTL)</button>
          </div>
          <div id="languages-bulk-status" class="status"></div>
        </div>
        <div class="card">
          <h3>Копировать / авто-перевод / устаревание</h3>
          <p style="color: var(--text-secondary); font-size: 14px;">Копирование из ru/en, авто-перевод недостающих ключей (Ollama/кэш), проверка stale vs эталон.</p>
          <div class="toolbar">
            <select id="lang-copy-target" class="input" style="max-width: 160px;"></select>
            <span style="color: var(--text-secondary);">← из</span>
            <select id="lang-copy-from" class="input" style="max-width: 120px;">
              <option value="en">en (English)</option>
              <option value="ru">ru (Русский)</option>
            </select>
            <label style="display:flex;align-items:center;gap:6px;font-size:14px;">
              <input type="checkbox" id="lang-copy-only-missing" checked> только пустые ключи
            </label>
            <button type="button" class="btn btn-primary" id="lang-copy-btn">Копировать</button>
            <button type="button" class="btn btn-secondary" id="lang-auto-btn">Авто-перевод missing</button>
            <button type="button" class="btn btn-secondary" id="lang-stale-btn">Проверить устаревание</button>
          </div>
          <div id="languages-copy-status" class="status"></div>
          <pre id="languages-stale-report" style="display:none;max-height:240px;overflow:auto;font-size:12px;background:var(--bg-secondary,#f5f5f5);padding:12px;border-radius:8px;"></pre>
        </div>
        <div class="card">
          <h3>Редактор ключей</h3>
          <div class="toolbar">
            <select id="lang-editor-select" class="input" style="max-width: 200px;"></select>
            <input type="text" id="lang-editor-search" class="input" placeholder="Поиск по ключу или тексту…" style="max-width: 240px;">
            <button type="button" class="btn btn-secondary" id="lang-editor-load">Загрузить</button>
            <button type="button" class="btn btn-primary" id="lang-editor-add">+ Новый ключ</button>
          </div>
          <div id="lang-editor-status" class="status"></div>
          <div id="lang-editor-wrap" class="table-wrap" style="max-height: 420px; overflow: auto;"></div>
        </div>
      </div>
      <!-- ─── Settlement Module ─────────────────────────────────── -->
      <div id="page-settlement" class="page">
        <div class="card">
          <h2>Settlement — Программы</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Управление государственными программами переселения (дома за €1, akiya, гранты).</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="settlement-add-btn">Добавить программу</button>
            <select id="settlement-filter-country" class="input" style="max-width: 120px;">
              <option value="">Все страны</option>
              <option value="IT">Италия</option>
              <option value="JP">Япония</option>
              <option value="ES">Испания</option>
              <option value="IE">Ирландия</option>
              <option value="GR">Греция</option>
              <option value="PT">Португалия</option>
            </select>
            <select id="settlement-filter-type" class="input" style="max-width: 180px;">
              <option value="">Все типы</option>
              <option value="house_for_1eur">Дом за €1</option>
              <option value="akiya">Akiya (Япония)</option>
              <option value="grant">Грант</option>
              <option value="rural_incentive">Rural Incentive</option>
            </select>
            <button type="button" class="btn btn-secondary" id="settlement-refresh">Обновить</button>
          </div>
          <div id="settlement-status" class="status" style="display:none;"></div>
          <div id="settlement-table-wrap" class="table-wrap"></div>
          <div id="settlement-pagination" style="margin-top:12px;"></div>
        </div>
        <div class="card" id="settlement-form-card" style="display:none;">
          <h3 id="settlement-form-title">Новая программа</h3>
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
            <div>
              <label class="label">Slug (уникальный)</label>
              <input type="text" id="sp-slug" class="input" placeholder="italy-sicily-1eur">
            </div>
            <div>
              <label class="label">Страна (ISO 2)</label>
              <input type="text" id="sp-country" class="input" placeholder="IT" maxlength="2">
            </div>
            <div>
              <label class="label">Название (EN)</label>
              <input type="text" id="sp-name-en" class="input" placeholder="Sicily €1 Houses">
            </div>
            <div>
              <label class="label">Название (RU)</label>
              <input type="text" id="sp-name-ru" class="input" placeholder="Дома за €1 в Сицилии">
            </div>
            <div>
              <label class="label">Тип программы</label>
              <select id="sp-type" class="input">
                <option value="house_for_1eur">Дом за €1</option>
                <option value="akiya">Akiya</option>
                <option value="grant">Грант</option>
                <option value="rural_incentive">Rural Incentive</option>
              </select>
            </div>
            <div>
              <label class="label">Муниципалитет</label>
              <input type="text" id="sp-municipality" class="input" placeholder="Sambuca di Sicilia">
            </div>
            <div>
              <label class="label">Мин. бюджет (EUR)</label>
              <input type="number" id="sp-min-budget" class="input" placeholder="0">
            </div>
            <div>
              <label class="label">Макс. бюджет (EUR)</label>
              <input type="number" id="sp-max-budget" class="input" placeholder="50000">
            </div>
            <div>
              <label class="label">Грант (EUR, если есть)</label>
              <input type="number" id="sp-grant" class="input" placeholder="84000">
            </div>
            <div>
              <label class="label">Email муниципалитета</label>
              <input type="email" id="sp-email" class="input" placeholder="info@comune.it">
            </div>
            <div style="grid-column:1/-1;">
              <label class="label">URL заявки</label>
              <input type="url" id="sp-url" class="input" placeholder="https://...">
            </div>
            <div style="grid-column:1/-1;">
              <label class="label">Описание (EN)</label>
              <textarea id="sp-desc-en" class="input" rows="3" placeholder="Programme description..."></textarea>
            </div>
          </div>
          <div style="margin-top:16px;display:flex;gap:8px;">
            <button type="button" class="btn btn-primary" id="sp-save-btn">Сохранить</button>
            <button type="button" class="btn btn-secondary" id="sp-cancel-btn">Отмена</button>
          </div>
          <div id="sp-form-status" class="status"></div>
        </div>
      </div>

      <div id="page-settlement-listings" class="page">
        <div class="card">
          <h2>Settlement — Листинги объектов</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Конкретные объекты (дома, земли) доступные по программам. Начните с ручного ввода 50–100 объектов.</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="listing-add-btn">Добавить объект</button>
            <button type="button" class="btn btn-secondary" id="listing-verify-all-btn">Верифицировать выбранные</button>
            <select id="listing-filter-status" class="input" style="max-width: 140px;">
              <option value="">Все статусы</option>
              <option value="available">Доступен</option>
              <option value="reserved">Зарезервирован</option>
              <option value="stale">Устарел</option>
              <option value="sold">Продан</option>
            </select>
            <button type="button" class="btn btn-secondary" id="listings-refresh">Обновить</button>
          </div>
          <div id="listings-status" class="status" style="display:none;"></div>
          <div id="listings-table-wrap" class="table-wrap"></div>
          <div id="listings-pagination" style="margin-top:12px;"></div>
        </div>
        <div class="card" id="listing-form-card" style="display:none;">
          <h3 id="listing-form-title">Новый объект</h3>
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
            <div>
              <label class="label">ID программы</label>
              <input type="text" id="ls-programme-id" class="input" placeholder="UUID программы">
            </div>
            <div>
              <label class="label">External ID (источник)</label>
              <input type="text" id="ls-external-id" class="input" placeholder="akiya-12345">
            </div>
            <div>
              <label class="label">Название (EN)</label>
              <input type="text" id="ls-title-en" class="input" placeholder="3-bedroom house in Sambuca">
            </div>
            <div>
              <label class="label">Тип объекта</label>
              <select id="ls-type" class="input">
                <option value="house">Дом</option>
                <option value="apartment">Квартира</option>
                <option value="land">Земля</option>
                <option value="commercial">Коммерческое</option>
              </select>
            </div>
            <div>
              <label class="label">Цена (EUR)</label>
              <input type="number" id="ls-price" class="input" placeholder="1">
            </div>
            <div>
              <label class="label">Площадь (м²)</label>
              <input type="number" id="ls-area" class="input" placeholder="120">
            </div>
            <div>
              <label class="label">Город</label>
              <input type="text" id="ls-city" class="input" placeholder="Sambuca di Sicilia">
            </div>
            <div>
              <label class="label">Страна (ISO 2)</label>
              <input type="text" id="ls-country" class="input" placeholder="IT" maxlength="2">
            </div>
            <div>
              <label class="label">Широта</label>
              <input type="number" id="ls-lat" class="input" step="0.0000001" placeholder="37.6413">
            </div>
            <div>
              <label class="label">Долгота</label>
              <input type="number" id="ls-lng" class="input" step="0.0000001" placeholder="13.1122">
            </div>
            <div style="grid-column:1/-1;">
              <label class="label">Адрес</label>
              <input type="text" id="ls-address" class="input" placeholder="Via Roma 1, Sambuca di Sicilia">
            </div>
          </div>
          <div style="margin-top:16px;display:flex;gap:8px;">
            <button type="button" class="btn btn-primary" id="ls-save-btn">Сохранить</button>
            <button type="button" class="btn btn-secondary" id="ls-cancel-btn">Отмена</button>
          </div>
          <div id="ls-form-status" class="status"></div>
        </div>
      </div>

      <div id="page-settlement-inquiries" class="page">
        <div class="card">
          <h2>Settlement — Запросы пользователей</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Входящие запросы на объекты и программы. Ответьте от имени муниципалитета или перешлите вручную.</p>
          <div class="toolbar">
            <select id="inquiry-filter-status" class="input" style="max-width: 140px;">
              <option value="">Все</option>
              <option value="pending">Ожидает</option>
              <option value="replied">Отвечено</option>
              <option value="closed">Закрыто</option>
            </select>
            <button type="button" class="btn btn-secondary" id="inquiries-refresh">Обновить</button>
          </div>
          <div id="inquiries-status" class="status" style="display:none;"></div>
          <div id="inquiries-table-wrap" class="table-wrap"></div>
        </div>
      </div>

      <!-- ─── Climate Migration Module ──────────────────────────── -->
      <div id="page-climate-profiles" class="page">
        <div class="card">
          <h2>Climate — Профили пользователей</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Климатические профили. Верификация статуса Climate Refugee.</p>
          <div class="toolbar">
            <select id="climate-filter-status" class="input" style="max-width: 160px;">
              <option value="">Все статусы</option>
              <option value="pending">Ожидает верификации</option>
              <option value="verified">Верифицирован</option>
              <option value="rejected">Отклонён</option>
              <option value="unverified">Не верифицирован</option>
            </select>
            <select id="climate-filter-urgency" class="input" style="max-width: 160px;">
              <option value="">Все уровни срочности</option>
              <option value="immediate">Немедленно</option>
              <option value="5yr">В течение 5 лет</option>
              <option value="long_term">Долгосрочно</option>
            </select>
            <button type="button" class="btn btn-secondary" id="climate-profiles-refresh">Обновить</button>
          </div>
          <div id="climate-profiles-status" class="status" style="display:none;"></div>
          <div id="climate-profiles-table-wrap" class="table-wrap"></div>
          <div id="climate-profiles-pagination" style="margin-top:12px;"></div>
        </div>
      </div>

      <div id="page-climate-risk-zones" class="page">
        <div class="card">
          <h2>Climate — Зоны климатического риска</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Зоны для Earth Climate Layer. Источники: Copernicus, NOAA, IPCC.</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="risk-zone-add-btn">Добавить зону</button>
            <select id="risk-filter-country" class="input" style="max-width: 120px;">
              <option value="">Все страны</option>
              <option value="TV">Тувалу</option>
              <option value="KI">Кирибати</option>
              <option value="MH">Маршалловы острова</option>
              <option value="BD">Бангладеш</option>
              <option value="IN">Индия</option>
            </select>
            <select id="risk-filter-level" class="input" style="max-width: 140px;">
              <option value="">Все уровни</option>
              <option value="critical">Критический</option>
              <option value="high">Высокий</option>
              <option value="medium">Средний</option>
              <option value="low">Низкий</option>
            </select>
            <button type="button" class="btn btn-secondary" id="risk-zones-refresh">Обновить</button>
          </div>
          <div id="risk-zones-status" class="status" style="display:none;"></div>
          <div id="risk-zones-table-wrap" class="table-wrap"></div>
        </div>
        <div class="card" id="risk-zone-form-card" style="display:none;">
          <h3>Новая зона риска</h3>
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
            <div>
              <label class="label">Страна (ISO 2)</label>
              <input type="text" id="rz-country" class="input" placeholder="TV" maxlength="2">
            </div>
            <div>
              <label class="label">Название зоны</label>
              <input type="text" id="rz-name" class="input" placeholder="Funafuti Atoll">
            </div>
            <div>
              <label class="label">Тип риска</label>
              <select id="rz-type" class="input">
                <option value="sea_level_rise">Подъём моря</option>
                <option value="flooding">Наводнения</option>
                <option value="drought">Засуха</option>
                <option value="cyclone">Циклоны</option>
                <option value="wildfire">Пожары</option>
              </select>
            </div>
            <div>
              <label class="label">Уровень риска</label>
              <select id="rz-level" class="input">
                <option value="critical">Критический</option>
                <option value="high">Высокий</option>
                <option value="medium">Средний</option>
                <option value="low">Низкий</option>
              </select>
            </div>
            <div>
              <label class="label">Затронутое население</label>
              <input type="number" id="rz-population" class="input" placeholder="11000">
            </div>
            <div>
              <label class="label">Источник данных</label>
              <input type="text" id="rz-source" class="input" placeholder="Copernicus Climate Change Service">
            </div>
            <div>
              <label class="label">Год прогноза</label>
              <input type="number" id="rz-year" class="input" placeholder="2050">
            </div>
          </div>
          <div style="margin-top:16px;display:flex;gap:8px;">
            <button type="button" class="btn btn-primary" id="rz-save-btn">Сохранить</button>
            <button type="button" class="btn btn-secondary" id="rz-cancel-btn">Отмена</button>
          </div>
          <div id="rz-form-status" class="status"></div>
        </div>
      </div>

      <div id="page-climate-treaties" class="page">
        <div class="card">
          <h2>Climate — Договоры о климатической миграции</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Международные договоры (Falepili Union и др.). Используются для fast-track верификации.</p>
          <div class="toolbar">
            <button type="button" class="btn btn-primary" id="treaty-add-btn">Добавить договор</button>
            <button type="button" class="btn btn-secondary" id="treaties-refresh">Обновить</button>
          </div>
          <div id="treaties-status" class="status" style="display:none;"></div>
          <div id="treaties-table-wrap" class="table-wrap"></div>
        </div>
        <div class="card" id="treaty-form-card" style="display:none;">
          <h3>Новый договор</h3>
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
            <div>
              <label class="label">Slug</label>
              <input type="text" id="tr-slug" class="input" placeholder="falepili-union-2023">
            </div>
            <div>
              <label class="label">Название</label>
              <input type="text" id="tr-name" class="input" placeholder="Falepili Union">
            </div>
            <div>
              <label class="label">Страна происхождения (ISO 2)</label>
              <input type="text" id="tr-origin" class="input" placeholder="TV" maxlength="2">
            </div>
            <div>
              <label class="label">Страна назначения (ISO 2)</label>
              <input type="text" id="tr-dest" class="input" placeholder="AU" maxlength="2">
            </div>
            <div>
              <label class="label">Тип договора</label>
              <select id="tr-type" class="input">
                <option value="migration_pathway">Миграционный путь</option>
                <option value="relocation_fund">Фонд переселения</option>
                <option value="bilateral_agreement">Двустороннее соглашение</option>
              </select>
            </div>
            <div>
              <label class="label">Дата подписания</label>
              <input type="date" id="tr-signed" class="input">
            </div>
            <div style="grid-column:1/-1;">
              <label class="label">URL заявки</label>
              <input type="url" id="tr-url" class="input" placeholder="https://...">
            </div>
            <div style="grid-column:1/-1;">
              <label class="label">Описание</label>
              <textarea id="tr-desc" class="input" rows="3" placeholder="Описание договора..."></textarea>
            </div>
          </div>
          <div style="margin-top:16px;display:flex;gap:8px;">
            <button type="button" class="btn btn-primary" id="tr-save-btn">Сохранить</button>
            <button type="button" class="btn btn-secondary" id="tr-cancel-btn">Отмена</button>
          </div>
          <div id="tr-form-status" class="status"></div>
        </div>
      </div>

      <div id="page-organizations" class="page">
        <div class="card">
          <h2>B2B Организации</h2>
          <p style="color: var(--text-secondary); font-size: 14px;">Одни и те же данные с менеджером. Одобрение/отклонение заявок партнёров.</p>
          <div class="toolbar">
            <input type="text" id="organizations-search" class="input" placeholder="Поиск (название, email)" style="max-width: 200px;">
            <select id="organizations-status" class="input" style="max-width: 160px;">
              <option value="pending">На модерации</option>
              <option value="all">Все</option>
              <option value="verified">Одобренные</option>
              <option value="rejected">Отклонённые</option>
            </select>
            <button type="button" class="btn btn-primary" id="organizations-refresh">Обновить</button>
          </div>
          <div id="organizations-loading" class="status" style="display:none;">Загрузка...</div>
          <div id="organizations-table-wrap" class="table-wrap"></div>
        </div>
      </div>
    </main>
  </div>

  <div id="modal-backdrop" class="modal-backdrop">
    <div class="modal" id="modal-role">
      <h3>Изменить роли</h3>
      <p id="modal-role-user" style="color: var(--text-secondary); font-size: 14px;"></p>
      <label class="label">Роли (можно несколько)</label>
      <div id="modal-role-checkboxes"></div>
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-primary" id="modal-role-save">Сохранить</button>
      </div>
    </div>
  </div>
  <div id="modal-block-backdrop" class="modal-backdrop">
    <div class="modal" id="modal-block">
      <h3>Заблокировать в чатах</h3>
      <p id="modal-block-user" style="color: var(--text-secondary); font-size: 14px;"></p>
      <label class="label">До (оставьте пустым для бессрочно)</label>
      <input type="datetime-local" id="modal-block-until" class="input">
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-danger" id="modal-block-save">Заблокировать</button>
      </div>
    </div>
  </div>
  <div id="modal-create-chat-backdrop" class="modal-backdrop">
    <div class="modal" style="max-width: 480px;">
      <h3>Создать чат</h3>
      <label class="label">Название</label>
      <input type="text" id="create-chat-title" class="input" placeholder="Например: Юридическая помощь в Финляндии" style="max-width:100%">
      <label class="label" style="margin-top:12px">Страна (код)</label>
      <input type="text" id="create-chat-country" class="input" placeholder="FI" style="max-width:80px">
      <label class="label" style="margin-top:12px">Город</label>
      <input type="text" id="create-chat-city" class="input" placeholder="Helsinki" style="max-width:100%">
      <label class="label" style="margin-top:12px">Категория</label>
      <select id="create-chat-type" class="input" style="max-width:100%">
        <option value="general">Общий</option>
        <option value="legal">Юридический</option>
        <option value="medical">Медицина</option>
        <option value="visa">Визы</option>
        <option value="jobs">Работа</option>
        <option value="housing">Жильё</option>
        <option value="tax">Налоги</option>
        <option value="relocation">Релокация</option>
      </select>
      <div class="modal-actions" style="margin-top:16px">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-primary" id="create-chat-submit">Создать</button>
      </div>
      <div id="create-chat-status" class="status"></div>
    </div>
  </div>
  <div id="modal-delete-user-backdrop" class="modal-backdrop">
    <div class="modal" id="modal-delete-user">
      <h3>Удалить пользователя</h3>
      <p id="modal-delete-user-info" style="color: var(--text-secondary); font-size: 14px;"></p>
      <p style="font-size: 13px; color: var(--text-secondary); margin-top: 8px;">Пользователь будет удалён из БД и из Firebase. С этой почтой можно будет зарегистрироваться заново.</p>
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-danger" id="modal-delete-user-confirm">Удалить</button>
      </div>
    </div>
  </div>
  <div id="modal-delete-msg-backdrop" class="modal-backdrop">
    <div class="modal" id="modal-delete-msg">
      <h3>Удалить сообщение</h3>
      <p id="modal-delete-msg-preview" style="word-break: break-word; color: var(--text-secondary);"></p>
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-danger" id="modal-delete-msg-save">Удалить</button>
      </div>
    </div>
  </div>

  <div id="modal-country-edit-backdrop" class="modal-backdrop">
    <div class="modal">
      <h3>Редактировать данные страны</h3>
      <p id="modal-country-edit-name" style="color: var(--text-secondary); font-size: 14px;"></p>
      <label class="label">Название</label>
      <input type="text" id="modal-country-edit-name-input" class="input" style="max-width:100%">
      <label class="label" style="margin-top:12px">Регион</label>
      <input type="text" id="modal-country-edit-region" class="input" style="max-width:100%">
      <label class="label" style="margin-top:12px">Континент</label>
      <input type="text" id="modal-country-edit-continent" class="input" style="max-width:100%">
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-primary" id="modal-country-edit-save">Сохранить</button>
      </div>
    </div>
  </div>
  <div id="modal-country-video-backdrop" class="modal-backdrop">
    <div class="modal">
      <h3>Прикрепить приветственное видео</h3>
      <p id="modal-country-video-name" style="color: var(--text-secondary); font-size: 14px;"></p>
      <label class="label">Тип</label>
      <div style="margin-bottom:12px">
        <label style="display:inline-flex;align-items:center;margin-right:16px"><input type="radio" name="videoType" value="youtube" checked> YouTube / ссылка</label>
        <label style="display:inline-flex;align-items:center"><input type="radio" name="videoType" value="upload"> Загрузить файл</label>
      </div>
      <div id="modal-country-video-url-block">
        <label class="label">Ссылка на видео (YouTube или другая)</label>
        <input type="url" id="modal-country-video-url" class="input" placeholder="https://youtube.com/watch?v=..." style="max-width:100%">
      </div>
      <div id="modal-country-video-file-block" style="display:none">
        <label class="label">Файл (mp4, webm)</label>
        <input type="file" id="modal-country-video-file" accept="video/mp4,video/webm,.mp4,.webm">
      </div>
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-primary" id="modal-country-video-save">Сохранить</button>
      </div>
    </div>
  </div>
  <div id="modal-country-video-delete-backdrop" class="modal-backdrop">
    <div class="modal">
      <h3>Удалить приветственное видео?</h3>
      <p id="modal-country-video-delete-name" style="color: var(--text-secondary);"></p>
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-danger" id="modal-country-video-delete-confirm">Удалить видео</button>
      </div>
    </div>
  </div>

  <div id="kyc-reject-backdrop" class="modal-backdrop">
    <div class="modal">
      <h3>Отклонить Nomad ID</h3>
      <label class="label">Причина</label>
      <select id="kyc-reject-reason" class="input" style="max-width:100%"></select>
      <label class="label" style="margin-top:12px">Комментарий (если «Другая причина»)</label>
      <textarea id="kyc-reject-other" class="input" style="max-width:100%" rows="3" placeholder="Опишите причину…"></textarea>
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-danger" id="kyc-reject-confirm">Отклонить</button>
      </div>
    </div>
  </div>
  <div id="kyc-info-backdrop" class="modal-backdrop">
    <div class="modal">
      <h3>Запросить доп. проверку</h3>
      <label class="label">Способ связи</label>
      <select id="kyc-info-method" class="input" style="max-width:100%">
        <option value="chat">Чат</option>
        <option value="video">Видеозвонок</option>
        <option value="documents">Доп. документы</option>
      </select>
      <label class="label" style="margin-top:12px">Сообщение пользователю</label>
      <textarea id="kyc-info-message" class="input" style="max-width:100%" rows="4"></textarea>
      <div class="modal-actions">
        <button type="button" class="btn btn-secondary" data-modal-close>Отмена</button>
        <button type="button" class="btn btn-primary" id="kyc-info-confirm">Отправить</button>
      </div>
    </div>
  </div>

  <script src="https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js"></script>
  <script src="https://www.gstatic.com/firebasejs/10.14.1/firebase-auth-compat.js"></script>
  <script src="kyc-reviews.js"></script>
  <script src="app.js"></script>
</body>
</html>
