Создать контент

Перейти в Личный кабинет

Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.
Html-bobswift
<!-- Минималистичная стартовая страница Wiki-документации для врачей -->
<!-- Карточки с прозрачным фоном, родительские разделы тоже кликабельны -->

<div class="custom-doc-page" style="
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  max-width: 1200px1180px;
  margin: 0 auto;
  padding: 20px32px 24px;
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px;">
  line-height: 1.45;
  color: #1a1a1a;
">

  <!-- Заголовок с градиентом -->
  <div<header style="text-align: center; margin-bottom: 40px48px; padding: 40px 20px; background: rgba(255,255,255,0.1); border-radius: 16px; backdrop-filter: blur(10px);">">
    <h1 style="font-size: 2.2rem; font-weight: 600; margin: 0;">
      Документация для врачей
    <h1 style="color: white; margin: 0; </h1>
    <p style="font-size: 2.5em1rem; font-weightcolor: 700#4d4d4d; textmargin-shadowtop: 0 2px 4px rgba(0,0,0,0.3);">📋 Документация для врачей</h1>8px;">
    <p style="color: rgba(255,255,255,0.9); margin: 10px 0 0 0; font-size: 1.1em;">Полное  Краткое руководство по работе с личным кабинетом<кабинетом
    </p>
  </div>header>

  <!-- НачалоСтили работы -->
  <div style="margin-bottom: 50px;"><style>
    /* Сетка карточек */
    <h2 style="color: white; margin-bottom: 25px; font-size: 1.8em;.doc-grid {
      display: flexgrid;
 align-items: center; gap: 10px;">
      <span style="background: linear-gradient(45deg, #ff6b6b, #ee5a24); padding: 8px 12px; border-radius: 50%; font-size: 0.8em;">🚀</span>  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 20px;
      Начало работыmargin-bottom: 40px;
    </h2>}

    /* Карточка */
    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;">
      .doc-card {
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid #e0e0e0;
      <div style="background: linear-gradient(135deg, #74b9ff, #0984e3); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'">
        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;">
          <span style="font-size: 1.5em;">💻</span>
          <h3 style="margin: 0; font-size: 1.2em; font-weight: 600;">Обзор ЛК и его возможностей</h3>border-radius: 8px;
      padding: 20px 24px;
      transition: box-shadow 0.2s ease, transform 0.2s ease;
      text-decoration: none;
      color: inherit;
      display: block;
    }
    .doc-card:hover {
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
      transform: translateY(-4px);
      text-decoration: none;
      color: inherit;
    }

    /* Родительская карточка (для разделов) */
    .doc-card.parent {
      background: linear-gradient(135deg, rgba(11, 102, 211, 0.05), rgba(11, 102, 211, 0.02));
      border: 1px </div>
     solid rgba(11, 102, 211, 0.2);
     <p style="marginposition: 0relative; opacity: 0.9; line-height: 1.5;">Общий обзор личного кабинета и основных функций системы</p>
    }
    .doc-card.parent::after {
      content: "📂";
      </div>

position: absolute;
      <div style="background: linear-gradient(135deg, #a29bfe, #6c5ce7); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'">top: 20px;
      right: 24px;
      font-size: 1.2rem;
      opacity: 0.6;
    }

    /* Заголовки карточек */
    .doc-card h3 {
      font-size: 1.05rem;
      font-weight: 600;
 <div style="display: flex; align-items: center; gapmargin: 12px; margin-bottom: 15px;">0 0 8px;
      color: #1a1a1a;
   <span style="font-size: 1.5em;">✅</span> }
    .doc-card.parent h3 {
      color: #0b66d3;
   <h3 style="margin: 0; font-size: 1.2em15rem;
 font-weight: 600;">Регистрация и активация</h3>}

    /* Описания   <*/div>
    .doc-card p {
  <p  style="margin: 0; opacityfont-size: 0.99rem;
 line-height: 1.5;">Пошаговое руководство по регистрации и активации аккаунта</p>
margin: 0;
       </div>
color: #5c5c5c;
      <div style="background: linear-gradient(135deg, #55efc4, #00b894); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'">
        <div style="display: flex; line-height: 1.4;
    }

    /* Заголовки секций - УВЕЛИЧЕН ОТСТУП ДО КАРТОЧЕК */
    .section-title {
      font-size: 1.4rem;
      font-weight: 600;
      margin: 0 0 20px !important;
      color: #1a1a1a;
      display: flex;
      align-items: center;
  gap: 12px; margin-bottom   gap: 15px8px;">
    }
      <span style="font-size: 1.5em;">🔐</span>
     </style>

  <!-- 1. Начало работы -->
  <section>
    <h2 <h3 style="margin: 0; font-size: 1.2em; font-weight: 600;">Вход в ЛК</h3>class="section-title">🚀 Начало работы</h2>
    <div class="doc-grid">

      
      <a  </div>class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202536/%D0%9E%D0%B1%D0%B7%D0%BE%D1%80+%D0%9B%D0%9A+%D0%B8+%D0%B5%D0%B3%D0%BE+%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9">
        <p style="margin: 0; opacity: 0.9; line-height: 1.5;">Инструкции по входу в личный кабинет и восстановлению пароля<<h3>Обзор ЛК и его возможностей</h3>
        <p>Ключевые возможности личного кабинета</p>
      </div>a>

      <div<a styleclass="background: linear-gradient(135deg, #fd79a8, #e84393); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'">
  doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202540/%D0%A0%D0%B5%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%B8+%D0%B0%D0%BA%D1%82%D0%B8%D0%B2%D0%B0%D1%86%D0%B8%D1%8F+%D0%B0%D0%BA%D0%BA%D0%B0%D1%83%D0%BD%D1%82%D0%B0">
        <h3>Регистрация и активация аккаунта</h3>
        <p>Пошаговое подключение к системе</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202538/%D0%92%D1%85%D0%BE%D0%B4+%D0%B2+%D0%9B%D0%9A">
        <h3>Вход в ЛК</h3>
      <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;">
    <p>Авторизация и восстановление пароля</p>
      </a>

      <a <span styleclass="fontdoc-size: 1.5em;">⚙️</span>
  card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202542/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+%D0%BF%D1%80%D0%BE%D1%84%D0%B8%D0%BB%D1%8F">
         <h3 style="margin: 0; font-size: 1.2em; font-weight: 600;">Настройка профиля</h3><h3>Настройка профиля</h3>
        <p>Данные, предпочтения, уведомления</p>
        </div>a>

      <a  <p styleclass="margin: 0; opacity: 0.9; line-height: 1.5;">Настройка личных данных, предпочтений и уведомлений</p>
      </div>

doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202544/%D0%9D%D0%B0%D0%B2%D0%B8%D0%B3%D0%B0%D1%86%D0%B8%D1%8F+%D0%BF%D0%BE+%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D1%83">
        <h3>Навигация по интерфейсу</h3>
        <p>Основы ориентации в системе</p>
      <div style="background: linear-gradient(135deg, #fdcb6e, #e17055); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'"></a>
    </div>
  </section>

  <!-- 2. Заказы и пациенты -->
  <section>
    <h2 class="section-title">👥 Заказы и пациенты</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202454/%D0%97%D0%B0%D0%BA%D0%B0%D0%B7%D1%8B+%D0%B8+%D0%9F%D0%B0%D1%86%D0%B8%D0%B5%D0%BD%D1%82%D1%8B">
        <h3>Заказы и пациенты</h3>
        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;"> <p>Полное руководство по работе с заказами, управлению пациентами и всем связанным функциям</p>
      </a>

     <span style<a class="font-size: 1.5em;">🧭</span>doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202554/%D0%A2%D0%B8%D0%BF%D1%8B+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%BE%D0%B2+%D0%B8+%D0%B8%D1%85+%D0%BE%D1%81%D0%BE%D0%B1%D0%B5%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D0%B8">
        <h3>Типы  <h3 style="margin: 0; font-size: 1.2em; font-weight: 600;">Навигация по интерфейсу</h3>заказов и их особенности</h3>
        <p>Отличия и назначение разных типов</p>
        </div>a>

      <a  <p styleclass="doc-card" href="margin: 0; opacity: 0.9; line-height: 1.5;">Основы работы с интерфейсом и навигацией по системе</p>
      </div>https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202546/%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5+%D0%BD%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE+%D0%BF%D0%B0%D1%86%D0%B8%D0%B5%D0%BD%D1%82%D0%B0">
        <h3>Добавление нового пациента</h3>
        <p>Создание карточки пациента</p>
    </div>
  </div>a>

  <!-- Остальные разделы с аналогичным стилем -->
  <div style="margin-bottom: 50px;"><a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202548/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5+%D0%BF%D0%B5%D1%80%D0%B2%D0%BE%D0%B3%D0%BE+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0">
    <h2 style="color: white; margin-bottom: 25px; font-size: 1.8em; display: flex; align-items: center; gap: 10px;">    <h3>Создание первого заказа</h3>
        <p>Пошаговая инструкция</p>
      <span style="background: linear-gradient(45deg, #00b894, #00cec9); padding: 8px 12px; border-radius: 50%; font-size: 0.8em;">👥</span></a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202562/%D0%9A%D0%B0%D0%BA+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0%D1%82%D1%8C+%D1%80%D0%B5%D1%82%D0%B5%D0%B9%D0%BD%D0%B5%D1%80">
        <h3>Как заказать ретейнер</h3>
      Заказы  <p>Особенности изаказа Пациентыретейнеров</p>
      </h2>a>

     <div <a styleclass="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px;doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202560/%D0%9A%D0%B0%D0%BA+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0%D1%82%D1%8C+%D1%80%D0%B5%D0%B2%D0%B8%D0%B7%D0%B8%D1%8E">
      
  <h3>Как заказать ревизию</h3>
   <div style="background: linear-gradient(135deg, #81ecec, #00cec9); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'"> <p>Процесс заказа ревизии</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202567/%D0%9A%D0%B0%D0%BA+%D0%BF%D0%BE%D0%BC%D0%B5%D0%BD%D1%8F%D1%82%D1%8C+%D1%82%D0%B8%D0%BF+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0">
        <h3>Как поменять тип заказа?</h3>
        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;"><p>Изменение типа существующего заказа</p>
      </a>

          <span style<a class="fontdoc-size: 1.5em;">📋</span>card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202565/%D0%9A%D0%B0%D0%BA+%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B5%D1%81%D1%82%D0%B8%D1%82%D1%8C+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7+%D0%B2+%D0%B0%D1%80%D1%85%D0%B8%D0%B2+%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%D0%B5%D0%B3%D0%BE+%D0%B8%D0%B7+%D0%B0%D1%80%D1%85%D0%B8%D0%B2%D0%B0">
          <h3 style="margin: 0; font-size: 1.2em; font-weight: 600;">Типы <h3>Архивирование заказов</h3>
        </div>
        <p style="margin: 0; opacity: 0.9; line-height: 1.5;">Различные виды заказов в системе и их особенности<<p>Перемещение в архив и восстановление</p>
      </div>a>

      <div<a styleclass="background: linear-gradient(135deg, #fab1a0, #e17055); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'">doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202556/%D0%9E%D1%82%D1%81%D0%BB%D0%B5%D0%B6%D0%B8%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D1%81%D1%82%D0%B0%D1%82%D1%83%D1%81%D0%B0+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0">
        <h3>Отслеживание статуса заказа</h3>
        <p>Мониторинг прогресса выполнения</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202550/%D0%9F%D0%BE%D0%B8%D1%81%D0%BA+%D0%B8+%D1%84%D0%B8%D0%BB%D1%8C%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F+%D0%BF%D0%B0%D1%86%D0%B8%D0%B5%D0%BD%D1%82%D0%BE%D0%B2">
        <h3>Поиск и фильтрация пациентов</h3>
        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;">
  <p>Быстрый поиск в базе данных</p>
      </a>

      <a  <span styleclass="fontdoc-size: 1.5em;">➕</span>
      card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202552/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D0%BF%D0%B0%D1%86%D0%B8%D0%B5%D0%BD%D1%82%D0%B0+%D0%B8%D0%BB%D0%B8+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0">
        <h3>Редактирование пациента или заказа</h3>
    <h3 style="margin: 0; font-size: 1.2em; font-weight: 600;">Создание заказа</h3> <p>Изменение данных и параметров</p>
        </div>a>

      <a  <p styleclass="doc-card" href="margin: 0; opacity: 0.9; line-height: 1.5;">Пошаговое руководство по созданию первого заказа</p>https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202558/%D0%98%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0">
        <h3>История заказа</h3>
      </div>

   <p>Просмотр всех изменений <div style="background: linear-gradient(135deg, #ff7675, #d63031); border-radius: 16px; padding: 25px; color: white; transform: translateY(0); transition: all 0.3s ease; box-shadow: 0 8px 32px rgba(0,0,0,0.2);" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 16px 48px rgba(0,0,0,0.3)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 8px 32px rgba(0,0,0,0.2)'">
        <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 15px;">
          <span style="font-size: 1.5em;">👤</span>
          <h3 style="margin: 0; font-size: 1.2em; font-weight: 600;">Управление пациентами</h3>и событий</p>
      </a>
    </div>
  </section>

  <!-- 3. Отгрузки и доставка капп -->
  <section>
    <h2 class="section-title">📦 Отгрузки и доставка капп</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202457/%D0%9E%D1%82%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8+%D0%B8+%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0+%D0%BA%D0%B0%D0%BF%D0%BF">
        <h3>Отгрузки и доставка капп</h3>
        <p>Все вопросы логистики: заказ партий, адреса доставки, сроки и управление отгрузками</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202613/%D0%9A%D0%B0%D0%BA+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0%D1%82%D1%8C+%D0%BD%D0%BE%D0%B2%D1%83%D1%8E+%D0%BF%D0%B0%D1%80%D1%82%D0%B8%D1%8E+%D0%BA%D0%B0%D0%BF%D0%BF">
        <h3>Как заказать новую партию капп?</h3>
        <p>Процесс заказа дополнительных капп</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202619/%D0%9A%D0%B0%D0%BA+%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B8%D1%82%D1%8C+%D0%B0%D0%B4%D1%80%D0%B5%D1%81+%D0%B4%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8">
        <h3>Как изменить адрес доставки</h3>
        <p>Обновление адреса для отгрузки</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202615/%D0%9A%D0%BE%D0%B3%D0%B4%D0%B0+%D0%B4%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D1%8F%D1%82+%D0%BA%D0%B0%D0%BF%D0%BF%D1%8B">
        <h3>Когда доставят каппы?</h3>
        <p>Информация о сроках доставки</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202621/%D0%9E%D1%82%D0%BC%D0%B5%D0%BD%D0%B0+%D0%BE%D1%82%D0%B3%D1%80%D1%83%D0%B7%D0%BA%D0%B8+%D0%B4%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8">
        <h3>Отмена отгрузки/доставки</h3>
        <p>Процедура отмены доставки</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202623/%D0%A5%D0%BE%D1%87%D1%83+%D0%BF%D0%B5%D1%80%D0%B5%D0%BD%D0%B5%D1%81%D1%82%D0%B8+%D0%B4%D0%B0%D1%82%D1%83+%D0%B4%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B8">
        <h3>Перенос даты доставки</h3>
        <p>Изменение планируемой даты</p>
      </a>
    </div>
  </section>

  <!-- 4. Виртуальный сетап -->
  <section>
    <h2 class="section-title">🦷 Виртуальный сетап (3D-модель)</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202460/%D0%92%D0%B8%D1%80%D1%82%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9+%D1%81%D0%B5%D1%82%D0%B0%D0%BF+3D+%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C">
        <h3>Виртуальный сетап</h3>
        <p>Работа с 3D-моделями: просмотр, анализ, согласование и все инструменты виртуального планирования</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202627/%D0%9F%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80%D1%89%D0%B8%D0%BA+%D1%81%D0%B5%D1%82%D0%B0%D0%BF%D0%B0+3D+%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D0%B8">
        <h3>Просмотрщик сетапа</h3>
        <p>Интерфейс работы с 3D-моделями</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202634/EuroTMJ+Tracker">
        <h3>EuroTMJ Tracker</h3>
        <p>Система отслеживания ВНЧС</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202631/%D0%94%D0%B5%D1%82%D0%B0%D0%BB%D0%B8%D0%B7%D0%B0%D1%82%D0%BE%D1%80">
        <h3>Детализатор</h3>
        <p>Подробный анализ перемещений</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202636/%D0%9A%D0%B0%D0%BA+%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C+%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%83+%D0%BF%D0%B5%D1%80%D0%B5%D0%BC%D0%B5%D1%89%D0%B5%D0%BD%D0%B8%D0%B9">
        <h3>Скачать таблицу перемещений</h3>
        <p>Экспорт данных о перемещениях</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202638/%D0%A5%D0%BE%D1%87%D1%83+%D1%87%D1%82%D0%BE%D0%B1%D1%8B+%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C+%D0%B1%D1%8B%D0%BB%D0%B0+%D1%81+%D0%BA%D0%BE%D1%81%D1%82%D1%8C%D1%8E">
        <h3>Модель с костью</h3>
        <p>Отображение костных структур</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202654/%D0%9A%D0%B0%D0%BA+%D1%81%D0%BE%D0%B3%D0%BB%D0%B0%D1%81%D0%BE%D0%B2%D0%B0%D1%82%D1%8C+%D0%BE%D1%82%D0%BA%D0%BB%D0%BE%D0%BD%D0%B8%D1%82%D1%8C+%D1%81%D0%B5%D1%82%D0%B0%D0%BF">
        <h3>Согласование/отклонение сетапа</h3>
        <p>Процесс утверждения планирования</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202642/%D0%92%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%D1%81%D0%B5%D1%82%D0%B0%D0%BF+%D0%BD%D0%B0+%D0%B4%D0%BE%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D1%83">
        <h3>Доработка сетапа</h3>
        <p>Возврат на корректировку</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202648/3D+%D0%BC%D0%BE%D0%B4%D0%B5%D0%BB%D1%8C+%D0%BD%D0%B5+%D0%BE%D1%82%D0%BA%D1%80%D1%8B%D0%B2%D0%B0%D0%B5%D1%82%D1%81%D1%8F">
        <h3>3D модель не открывается</h3>
        <p>Решение проблем с отображением</p>
      </a>
    </div>
  </section>

  <!-- 5. Чаты и уведомления -->
  <section>
    <h2 class="section-title">💬 Чаты и уведомления</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202462/%D0%A7%D0%B0%D1%82%D1%8B+%D0%B8+%D1%83%D0%B2%D0%B5%D0%B4%D0%BE%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F">
        <h3>Чаты и уведомления</h3>
        <p>Система коммуникации: настройка чатов, уведомлений и решение проблем связи</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202661/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+%D1%83%D0%B2%D0%B5%D0%B4%D0%BE%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9">
        <h3>Настройка уведомлений</h3>
        <p>Управление типами уведомлений</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202659/%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0+%D1%87%D0%B0%D1%82%D0%B0">
        <h3>Настройка чата</h3>
        <p>Конфигурация системы сообщений</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202666/%D0%9D%D0%B5+%D0%BF%D1%80%D0%BE%D0%BF%D0%B0%D0%B4%D0%B0%D0%B5%D1%82+%D1%83%D0%B2%D0%B5%D0%B4%D0%BE%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5">
        <h3>Не пропадает уведомление</h3>
        <p>Решение проблем с уведомлениями</p>
      </a>
    </div>
  </section>

  <!-- 6. Дополнительные возможности -->
  <section>
    <h2 class="section-title">⚙️ Дополнительные возможности</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202501/%D0%94%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5+%D0%B2%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%D1%81%D1%82%D0%B8">
        <h3>Дополнительные возможности</h3>
        <p>Расширенный функционал: календарь, программы лояльности и специальные инструменты</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202476/%D0%93%D1%80%D0%B0%D1%84%D0%B8%D0%BA+%D0%BD%D0%BE%D1%88%D0%B5%D0%BD%D0%B8%D1%8F+%D0%9A%D0%B0%D0%BB%D0%B5%D0%BD%D0%B4%D0%B0%D1%80%D1%8C+%D0%BF%D0%BB%D0%B0%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F">
        <h3>График ношения</h3>
        <p>Календарь планирования лечения</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202472/%D0%95%D0%B2%D1%80%D0%BE%D1%83%D0%BB%D1%8B%D0%B1%D0%BA%D0%B0">
        <h3>Евроулыбка</h3>
        <p>Специальная программа лечения</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202474/%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0+%D0%BB%D0%BE%D1%8F%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D0%B8">
        <h3>Программа лояльности</h3>
        <p>Бонусы и скидки для врачей</p>
      </a>
    </div>
  </section>

  <!-- 7. Финансовые вопросы -->
  <section>
    <h2 class="section-title">💰 Финансовые вопросы</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202682/%D0%A4%D0%B8%D0%BD%D0%B0%D0%BD%D1%81%D0%BE%D0%B2%D1%8B%D0%B5+%D0%B2%D0%BE%D0%BF%D1%80%D0%BE%D1%81%D1%8B">
        <h3>Финансовые вопросы</h3>
        <p>Все вопросы оплаты: способы платежей, сроки, статусы и связь с доставкой</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202684/%D0%9A%D0%B0%D0%BA+%D0%BE%D0%BF%D0%BB%D0%B0%D1%82%D0%B8%D1%82%D1%8C+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7">
        <h3>Как оплатить заказ</h3>
        <p>Способы и процедура оплаты</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202686/%D0%AF+%D0%BE%D0%BF%D0%BB%D0%B0%D1%82%D0%B8%D0%BB+%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7+%D0%BA%D0%BE%D0%B3%D0%B4%D0%B0+%D0%B4%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D1%8F%D1%82+%D0%BA%D0%B0%D0%BF%D0%BF%D1%8B">
        <h3>Доставка после оплаты</h3>
        <p>Сроки доставки после платежа</p>
      </a>
    </div>
  </section>

  <!-- 8. Возможные проблемы -->
  <section>
    <h2 class="section-title">❗ Возможные проблемы и их решение</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202470/%D0%92%D0%BE%D0%B7%D0%BC%D0%BE%D0%B6%D0%BD%D1%8B%D0%B5+%D0%BF%D1%80%D0%BE%D0%B1%D0%BB%D0%B5%D0%BC%D1%8B+%D0%B8+%D0%B8%D1%85+%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D0%B5">
        </div>
<h3>Возможные проблемы и их решение</h3>
    <p style="margin: 0; opacity: 0.9; line-height: 1.5;">Работа с базой данных пациентов и их историей<   <p>Справочник по устранению неполадок, типичные ошибки и способы их решения</p>
      </div>a>
    </div>
  </div>section>

  <!-- Быстрые ссылки -->
  <div style="background: rgba(255,255,255,0.1); border-radius: 16px; padding: 30px; backdrop-filter: blur(10px); text-align: center;">- 9. Справочная информация -->
  <section>
    <h3<h2 styleclass="color: white; margin-bottom: 20px; font-size: 1.4em;">🔗 Быстрые ссылки</h3>
    <div style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;">section-title">📚 Справочная информация</h2>
    <div class="doc-grid">
      <a class="doc-card parent" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202478/%D0%A1%D0%BF%D1%80%D0%B0%D0%B2%D0%BE%D1%87%D0%BD%D0%B0%D1%8F+%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%8F">
        <h3>Справочная информация</h3>
      <a href="#" style="background: rgba(255,255,255,0.2); color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-weight: 500; transition: all 0.3s ease;" onmouseover="this.style.background='rgba(255,255,255,0.3)'" onmouseout="this.style.background='rgba(255,255,255,0.2)'">💬 Поддержка</a> <p>Контакты поддержки, часто задаваемые вопросы и дополнительные ресурсы</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202466/%D0%A1%D0%BB%D1%83%D0%B6%D0%B1%D0%B0+%D0%BF%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B8">
        <h3>Служба поддержки</h3>
      <a href="#" style="background: rgba(255,255,255,0.2); color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-weight: 500; transition: all 0.3s ease;" onmouseover="this.style.background='rgba(255,255,255,0.3)'" onmouseout="this.style.background='rgba(255,255,255,0.2)'">❓ FAQ</a> <p>Контакты и способы связи</p>
      </a>

      <a class="doc-card" href="https://confluence.eurokappa.ru/spaces/Docfordoctors/pages/17202468/%D0%A7%D0%B0%D1%81%D1%82%D0%BE+%D0%B7%D0%B0%D0%B4%D0%B0%D0%B2%D0%B0%D0%B5%D0%BC%D1%8B%D0%B5+%D0%B2%D0%BE%D0%BF%D1%80%D0%BE%D1%81%D1%8B+F.A.Q.">
      <a href="#" style="background: rgba(255,255,255,0.2); color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-weight: 500; transition: all 0.3s ease;" onmouseover="this.style.background='rgba(255,255,255,0.3)'" onmouseout="this.style.background='rgba(255,255,255,0.2)'">📞 Контакты< <h3>Часто задаваемые вопросы</h3>
        <p>Ответы на популярные вопросы</p>
      </a>
    </div>
  </div>section>

</div>