hr-indicators/index.html

1043 lines
66 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>HR Индикаторы — все процессы</title>
<style>
:root{--bg:#f5f6fa;--card:#fff;--text:#2d3436;--gray:#636e72;--accent:#0984e3;--red:#d63031;--green:#00b894;--orange:#e17055;--purple:#6c5ce7;--border:#dfe6e9;--shadow:0 2px 8px rgba(0,0,0,.06)}
*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;color:var(--text);background:var(--bg)}
header{background:linear-gradient(135deg,#2d3436,#636e72);color:#fff;padding:16px 24px;position:sticky;top:0;z-index:100}
header h1{font-size:20px;font-weight:700}
header .date{font-size:12px;opacity:.7;margin-top:2px}
nav.tabs{display:flex;overflow-x:auto;gap:2px;padding:8px 24px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:79px;z-index:99;white-space:nowrap}
nav.tabs::-webkit-scrollbar{display:none}
.tab{padding:8px 16px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--gray);transition:all .2s;flex-shrink:0}
.tab.active{background:var(--accent);color:#fff}
.tab:hover:not(.active){background:#f0f0f0}
main{max-width:1300px;margin:0 auto;padding:20px}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}
.kpi-card{background:var(--card);border-radius:12px;padding:18px;box-shadow:var(--shadow);border-left:4px solid var(--accent)}
.kpi-card.warn{border-left-color:var(--orange)}
.kpi-card.good{border-left-color:var(--green)}
.kpi-card.bad{border-left-color:var(--red)}
.kpi-card .label{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.kpi-card .value{font-size:28px;font-weight:800;color:var(--text)}
.kpi-card .change{font-size:11px;margin-top:3px}
.kpi-card .change.up{color:var(--green)}
.kpi-card .change.down{color:var(--red)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}
.card{background:var(--card);border-radius:12px;padding:20px;box-shadow:var(--shadow)}
.card h3{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px;color:var(--text)}
.card .sub{font-size:11px;color:var(--gray);margin-bottom:12px}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:12px}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}
th{color:var(--gray);font-size:10px;text-transform:uppercase;font-weight:600;letter-spacing:.3px;background:#fafafa}
.badge{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700}
.badge.green{background:#e8f8f5;color:var(--green)}
.badge.red{background:#fdecea;color:var(--red)}
.badge.orange{background:#fef5e7;color:var(--orange)}
.badge.blue{background:#e8f0fe;color:var(--accent)}
.chart-bar{display:flex;align-items:center;gap:8px;margin:6px 0}
.chart-bar .lbl{font-size:11px;width:100px;text-align:right;color:var(--gray)}
.chart-bar .fill{height:22px;border-radius:4px;background:linear-gradient(90deg,var(--accent),#74b9ff);min-width:2px;transition:width .5s}
.chart-bar .val{font-size:11px;font-weight:700;width:45px}
.funnel{text-align:center}
.funnel .step{padding:8px;margin:3px auto;border-radius:8px;font-size:12px;font-weight:600}
.funnel .step:nth-child(1){background:#eee;width:100%}
.funnel .step:nth-child(2){background:#dfe6e9;width:85%}
.funnel .step:nth-child(3){background:#b2bec3;width:60%}
.funnel .step:nth-child(4){background:#74b9ff;color:#fff;width:35%}
.funnel .step:nth-child(5){background:var(--accent);color:#fff;width:18%}
.funnel .step:nth-child(6){background:var(--green);color:#fff;width:14%}
@media(max-width:768px){.grid2,.grid3{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}}
.ai-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e74c3c);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 16px rgba(9,132,227,.3);z-index:999;transition:all .3s;display:flex;align-items:center;justify-content:center}
.ai-btn:hover{transform:scale(1.1)}
.ai-chat{position:fixed;bottom:90px;right:24px;width:340px;max-height:450px;background:var(--card);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:998;display:none;flex-direction:column;overflow:hidden;border:1px solid var(--border)}
.ai-chat.open{display:flex}
.ai-chat .hd{background:linear-gradient(135deg,#2d3436,#636e72);color:#fff;padding:12px 16px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.ai-chat .hd button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}
.ai-chat .msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:300px}
.ai-chat .msg{padding:10px 14px;border-radius:12px;font-size:12px;line-height:1.45;max-width:90%}
.ai-chat .msg.ai{background:#f0f4ff;color:var(--text);align-self:flex-start;border-bottom-left-radius:4px}
.ai-chat .msg.user{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.ai-chat .input-row{display:flex;gap:4px;padding:8px 12px;border-top:1px solid var(--border)}
.ai-chat .input-row input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);font-size:13px;margin:0}
.ai-chat .input-row button{padding:8px 14px;border-radius:8px;background:var(--accent);color:#fff;border:none;font-weight:600;cursor:pointer;font-size:13px}
@media print{body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}nav.tabs{display:none}}
</style>
</head>
<body>
<header>
<h1>&#x1F4CA; HR Индикаторы</h1>
<div class="date">Июнь 2026 · 247 сотрудников</div>
</header>
<nav class="tabs" id="tabs">
<button class="tab active" data-section="1">1. Кадровое администрирование</button>
<button class="tab" data-section="2">2. Подбор и адаптация</button>
<button class="tab" data-section="3">3. Обучение и развитие</button>
<button class="tab" data-section="4">4. Кадровый резерв</button>
<button class="tab" data-section="5">5. Работа с молодёжью</button>
<button class="tab" data-section="6">6. Оплата и мотивация</button>
<button class="tab" data-section="7">7. Управление персоналом</button>
<button class="tab" data-section="8">8. HR-бюджет</button>
<button class="tab" data-section="9">9. Оценка персонала</button>
<button class="tab" data-section="10">10. Well-being</button>
<button class="tab" data-section="11">11. Коммуникации</button>
<button class="tab" data-section="12">12. HR-бренд</button>
<button class="tab" data-section="13">13. Автоматизация</button>
<button class="tab" data-section="14">14. Тренды</button>
</nav>
<main>
<!-- 1. КАДРОВОЕ АДМИНИСТРИРОВАНИЕ -->
<section data-section="1">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Всего сотрудников</div><div class="value">247</div><div class="change up">+12 с начала года</div></div>
<div class="kpi-card"><div class="label">Штатных единиц</div><div class="value">59</div></div>
<div class="kpi-card warn"><div class="label">Вакантных ставок</div><div class="value">12</div></div>
<div class="kpi-card good"><div class="label">Без трудового договора</div><div class="value">0</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4CB; Штатное расписание</h3>
<table>
<tr><th>Должность</th><th>Ставок</th><th>Занято</th><th>Вакантно</th></tr>
<tr><td>Руководитель отдела</td><td>6</td><td>6</td><td><span class="badge green">0</span></td></tr>
<tr><td>Senior Developer</td><td>12</td><td>10</td><td><span class="badge orange">2</span></td></tr>
<tr><td>Менеджер продаж</td><td>15</td><td>13</td><td><span class="badge orange">2</span></td></tr>
<tr><td>Маркетолог</td><td>8</td><td>6</td><td><span class="badge orange">2</span></td></tr>
<tr><td>Бухгалтер</td><td>4</td><td>4</td><td><span class="badge green">0</span></td></tr>
<tr><td>HR-менеджер</td><td>3</td><td>2</td><td><span class="badge orange">1</span></td></tr>
<tr style="font-weight:700"><td>ИТОГО</td><td>59</td><td>47</td><td><span class="badge orange">12</span></td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C5; Кадровые приказы за июнь</h3>
<table>
<tr><th>Тип приказа</th><th>Кол-во</th></tr>
<tr><td>Приём на работу</td><td>4</td></tr>
<tr><td>Увольнение</td><td>3</td></tr>
<tr><td>Перевод / повышение</td><td>2</td></tr>
<tr><td>Отпуск ежегодный</td><td>12</td></tr>
<tr><td>Больничный лист</td><td>5</td></tr>
<tr><td>Командировка</td><td>8</td></tr>
<tr><td>Дисциплинарное</td><td>1</td></tr>
</table>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4C5; Сроки истечения трудовых договоров</h3>
<table>
<tr><th>Период</th><th>Кол-во</th><th>Статус</th><th>Действие</th></tr>
<tr><td>Истекают в июне (сейчас)</td><td>3</td><td><span class="badge red">срочно!</span></td><td>Продлить или уволить</td></tr>
<tr><td>Июль</td><td>5</td><td><span class="badge orange">подготовить</span></td><td>Уведомить за 2 недели</td></tr>
<tr><td>Август</td><td>2</td><td><span class="badge blue">контроль</span></td><td>Проверить документы</td></tr>
<tr><td>Сентябрь</td><td>4</td><td><span class="badge blue">контроль</span></td><td>Запланировать продление</td></tr>
<tr><td>Октябрь-Декабрь</td><td>4</td><td><span class="badge blue">план</span></td><td>В календаре HR</td></tr>
<tr style="font-weight:700"><td>ИТОГО срочных</td><td>18 (7.3%)</td><td colspan="2">Бессрочных: 229</td></tr>
</table>
</div>
<div class="card">
<h3>&#x23F3; График истечения договоров (ближайшие 6 мес)</h3>
<div class="chart-bar"><span class="lbl">Июнь</span><span class="fill" style="width:24%;background:var(--red)"></span><span class="val">3</span></div>
<div class="chart-bar"><span class="lbl">Июль</span><span class="fill" style="width:40%;background:var(--orange)"></span><span class="val">5</span></div>
<div class="chart-bar"><span class="lbl">Август</span><span class="fill" style="width:16%"></span><span class="val">2</span></div>
<div class="chart-bar"><span class="lbl">Сентябрь</span><span class="fill" style="width:32%"></span><span class="val">4</span></div>
<div class="chart-bar"><span class="lbl">Октябрь</span><span class="fill" style="width:8%"></span><span class="val">1</span></div>
<div class="chart-bar"><span class="lbl">Ноябрь</span><span class="fill" style="width:24%;background:var(--orange)"></span><span class="val">3</span></div>
<p style="font-size:11px;color:var(--gray);margin-top:8px">Бессрочные договоры: 229 чел · Договоры ГПХ: 12 чел</p>
</div>
<div class="card">
<h3>&#x1F4C1; Документы (просрочено)</h3>
<table>
<tr><td>Медосмотр</td><td>29 чел</td><td><span class="badge red">просрочено!</span></td></tr>
<tr><td>Диплом / образование</td><td>6 чел</td><td><span class="badge orange">не хватает</span></td></tr>
<tr><td>Справка о несудимости</td><td>91 чел</td><td><span class="badge orange">требуется</span></td></tr>
<tr><td>Воинский учёт</td><td>89/89</td><td><span class="badge green">норма</span></td></tr>
</table>
</div>
</div>
<div class="card">
<h3>&#x26A0; Кадровые риски</h3>
<table>
<tr><th>Риск</th><th>Уровень</th><th>Действие</th></tr>
<tr><td>Медосмотр 29 чел просрочен</td><td><span class="badge red">высокий</span></td><td>Направить до конца месяца</td></tr>
<tr><td>3 срочных договора истекают</td><td><span class="badge orange">средний</span></td><td>Продлить или уволить</td></tr>
<tr><td>85 чел без даты отпуска</td><td><span class="badge orange">средний</span></td><td>Утвердить график до июля</td></tr>
<tr><td>12 вакантных ставок</td><td><span class="badge blue">низкий</span></td><td>План закрытия до сентября</td></tr>
</table>
</div>
</section>
<!-- 2. ПОДБОР, ОТБОР, ПРИЁМ, УВОЛЬНЕНИЕ, АДАПТАЦИЯ -->
<section data-section="2" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Нанято за год</div><div class="value">25</div><div class="change up">+4 к прошлому году</div></div>
<div class="kpi-card good"><div class="label">Уволено за год</div><div class="value">23</div><div class="change down">3 к прошлому году</div></div>
<div class="kpi-card warn"><div class="label">Срок закрытия вакансии</div><div class="value">34 дня</div></div>
<div class="kpi-card good"><div class="label">Адаптация успешно</div><div class="value">89%</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4E5; Воронка подбора (июнь)</h3>
<div class="funnel">
<div class="step">142 отклика</div>
<div class="step">68 телефонных интервью</div>
<div class="step">31 собеседование</div>
<div class="step">12 финальный этап</div>
<div class="step">5 офферов</div>
<div class="step">4 вышли</div>
</div>
<p style="font-size:11px;color:var(--gray);text-align:center;margin-top:8px">Конверсия отклик → выход = 2.8%</p>
</div>
<div class="card">
<h3>&#x1F4C9; Причины увольнений (год)</h3>
<table>
<tr><th>Причина</th><th>Кол-во</th><th>Доля</th></tr>
<tr><td>Собственное желание</td><td>14</td><td>60.9%</td></tr>
<tr><td>Соглашение сторон</td><td>4</td><td>17.4%</td></tr>
<tr><td>Дисциплина</td><td>2</td><td>8.7%</td></tr>
<tr><td>Сокращение</td><td>1</td><td>4.3%</td></tr>
<tr><td>Истечение договора</td><td>2</td><td>8.7%</td></tr>
</table>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F31F; Адаптация новых сотрудников</h3>
<table>
<tr><th>Этап</th><th>Показатель</th></tr>
<tr><td>Прошли испытательный срок</td><td>18 из 22 (82%)</td></tr>
<tr><td>Удовлетворены адаптацией</td><td>89%</td></tr>
<tr><td>Ср. оценка наставника</td><td>4.2 / 5</td></tr>
<tr><td>Досрочно завершили ИС</td><td>4 чел (18%)</td></tr>
<tr><td>Покинули в первый месяц</td><td>2 чел (9%)</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C5; Динамика найма и увольнений</h3>
<table>
<tr><th>Месяц</th><th>Нанято</th><th>Уволено</th><th>Баланс</th></tr>
<tr><td>Январь</td><td>6</td><td>4</td><td><span class="badge green">+2</span></td></tr>
<tr><td>Февраль</td><td>3</td><td>3</td><td><span class="badge blue">0</span></td></tr>
<tr><td>Март</td><td>4</td><td>5</td><td><span class="badge orange">1</span></td></tr>
<tr><td>Апрель</td><td>5</td><td>2</td><td><span class="badge green">+3</span></td></tr>
<tr><td>Май</td><td>3</td><td>6</td><td><span class="badge red">3</span></td></tr>
<tr><td>Июнь</td><td>4</td><td>3</td><td><span class="badge green">+1</span></td></tr>
</table>
</div>
</div>
</section>
<!-- 3. ОБУЧЕНИЕ И РАЗВИТИЕ -->
<section data-section="3" style="display:none">
<div class="kpi-row">
<div class="kpi-card good"><div class="label">Прошли обучение (год)</div><div class="value">186</div><div class="change up">75% персонала</div></div>
<div class="kpi-card"><div class="label">Часов обучения всего</div><div class="value">3 720</div><div class="change">15 ч/чел в среднем</div></div>
<div class="kpi-card good"><div class="label">Бюджет обучения</div><div class="value">25M ₸</div><div class="change">85% освоено</div></div>
<div class="kpi-card"><div class="label">Внутренние тренеры</div><div class="value">12</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F393; Программы обучения (2026)</h3>
<table>
<tr><th>Программа</th><th>Прошли</th><th>План</th></tr>
<tr><td>Адаптационный тренинг</td><td>22</td><td><span class="badge green">100%</span></td></tr>
<tr><td>Профессиональные курсы</td><td>68</td><td><span class="badge green">94%</span></td></tr>
<tr><td>Soft skills (коммуникации)</td><td>45</td><td><span class="badge orange">75%</span></td></tr>
<tr><td>Управленческие навыки</td><td>18</td><td><span class="badge orange">60%</span></td></tr>
<tr><td>Охрана труда и ТБ</td><td>247</td><td><span class="badge green">100%</span></td></tr>
<tr><td>Английский язык</td><td>32</td><td><span class="badge orange">40%</span></td></tr>
<tr><td>IT / Digital-навыки</td><td>56</td><td><span class="badge green">93%</span></td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4CA; Эффективность обучения</h3>
<table>
<tr><td>Средняя оценка тренингов</td><td>4.3 / 5</td></tr>
<tr><td>Применяют знания в работе</td><td>78%</td></tr>
<tr><td>Рост KPI после обучения</td><td>+12%</td></tr>
<tr><td>Сертифицировано специалистов</td><td>34 чел</td></tr>
<tr><td>Карьерные повышения после обучения</td><td>8 чел (4.3%)</td></tr>
<tr><td>Уволились после обучения</td><td>3 чел (1.6%)</td></tr>
</table>
</div>
</div>
<div class="card">
<h3>&#x1F4C8; Квартальный план обучения</h3>
<table>
<tr><th>Квартал</th><th>Программ</th><th>Участников</th><th>Бюджет</th><th>Статус</th></tr>
<tr><td>Q1</td><td>8</td><td>92</td><td>6.2M ₸</td><td><span class="badge green">выполнено</span></td></tr>
<tr><td>Q2</td><td>6</td><td>64</td><td>5.8M ₸</td><td><span class="badge blue">в процессе</span></td></tr>
<tr><td>Q3</td><td>10</td><td>120</td><td>7.5M ₸</td><td><span class="badge blue">план</span></td></tr>
<tr><td>Q4</td><td>5</td><td>45</td><td>5.5M ₸</td><td><span class="badge blue">план</span></td></tr>
</table>
</div>
</section>
<!-- 4. КАДРОВЫЙ РЕЗЕРВ -->
<section data-section="4" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">В кадровом резерве</div><div class="value">34</div></div>
<div class="kpi-card good"><div class="label">Назначено из резерва</div><div class="value">5</div><div class="change up">за последний год</div></div>
<div class="kpi-card warn"><div class="label">Покинули резерв</div><div class="value">3</div></div>
<div class="kpi-card"><div class="label">Закрыто позиций из резерва</div><div class="value">42%</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F465; Состав кадрового резерва</h3>
<table>
<tr><th>Уровень</th><th>Кол-во</th><th>Готовность</th></tr>
<tr><td>Топ-менеджмент</td><td>4</td><td><span class="badge green">готовы</span></td></tr>
<tr><td>Руководители отделов</td><td>8</td><td><span class="badge green">готовы</span></td></tr>
<tr><td>Ведущие специалисты</td><td>12</td><td><span class="badge orange">развитие</span></td></tr>
<tr><td>Перспективные сотрудники</td><td>10</td><td><span class="badge orange">развитие</span></td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4CB; Ключевые позиции под риском</h3>
<table>
<tr><th>Должность</th><th>Преемник</th><th>Риск</th></tr>
<tr><td>Директор IT</td><td>Сериков А.</td><td><span class="badge green">готов</span></td></tr>
<tr><td>Директор продаж</td><td>Нет</td><td><span class="badge red">критично!</span></td></tr>
<tr><td>Главный бухгалтер</td><td>Нурланова Д.</td><td><span class="badge green">готов</span></td></tr>
<tr><td>Руководитель HR</td><td>Каримова А.</td><td><span class="badge orange">развитие</span></td></tr>
</table>
</div>
</div>
<div class="card">
<h3>&#x1F4C8; План развития резервистов на 2026</h3>
<table>
<tr><th>ФИО</th><th>Целевая должность</th><th>Программа развития</th><th>Прогресс</th></tr>
<tr><td>Сериков А.</td><td>Директор IT</td><td>MBA + менторство</td><td><span class="badge green">85%</span></td></tr>
<tr><td>Нурланова Д.</td><td>Главный бухгалтер</td><td>ACCA, управление командой</td><td><span class="badge green">70%</span></td></tr>
<tr><td>Каримова А.</td><td>Руководитель HR</td><td>HR-стратегия, бюджет</td><td><span class="badge orange">45%</span></td></tr>
<tr><td>Ахметов Т.</td><td>Руководитель производства</td><td>Lean, управление персоналом</td><td><span class="badge orange">30%</span></td></tr>
</table>
</div>
</section>
<!-- 5. РАБОТА С МОЛОДЁЖЬЮ -->
<section data-section="5" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Сотрудников до 30 лет</div><div class="value">72</div><div class="change">29% от штата</div></div>
<div class="kpi-card good"><div class="label">Стажёров (год)</div><div class="value">18</div></div>
<div class="kpi-card"><div class="label">Остались после стажировки</div><div class="value">14</div><div class="change">78% конверсия</div></div>
<div class="kpi-card good"><div class="label">Молодёжный резерв</div><div class="value">10</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F331; Программа стажировок 2026</h3>
<table>
<tr><th>Направление</th><th>Стажёров</th><th>Трудоустроено</th></tr>
<tr><td>IT / Разработка</td><td>8</td><td>6</td></tr>
<tr><td>Маркетинг</td><td>4</td><td>3</td></tr>
<tr><td>Продажи</td><td>3</td><td>3</td></tr>
<tr><td>Финансы</td><td>2</td><td>1</td></tr>
<tr><td>HR</td><td>1</td><td>1</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F393; Взаимодействие с вузами</h3>
<table>
<tr><th>ВУЗ</th><th>Практикантов</th><th>Принято</th></tr>
<tr><td>ЕНУ им. Гумилёва</td><td>6</td><td>2</td></tr>
<tr><td>КазНУ им. аль-Фараби</td><td>4</td><td>1</td></tr>
<tr><td>КБТУ</td><td>5</td><td>3</td></tr>
<tr><td>КазГАСА</td><td>3</td><td>0</td></tr>
</table>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F3AF; Программа «Молодой лидер»</h3>
<table>
<tr><td>Участников программы</td><td>12</td></tr>
<tr><td>Продолжительность</td><td>12 месяцев</td></tr>
<tr><td>Наставников закреплено</td><td>12</td></tr>
<tr><td>Выполнили программу</td><td>8 (67%)</td></tr>
<tr><td>Получили повышение</td><td>4 (33%)</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C1; Молодёжные инициативы</h3>
<table>
<tr><th>Проект</th><th>Участников</th><th>Результат</th></tr>
<tr><td>Внутренний хакатон</td><td>24</td><td><span class="badge green">3 проекта в работу</span></td></tr>
<tr><td>English Speaking Club</td><td>18</td><td><span class="badge blue">каждую среду</span></td></tr>
<tr><td>Sports Challenge</td><td>42</td><td><span class="badge green">футбол + бег</span></td></tr>
<tr><td>Mentorship Program</td><td>24 пары</td><td><span class="badge blue">активно</span></td></tr>
</table>
</div>
</div>
</section>
<!-- 6. ОПЛАТА ТРУДА И МОТИВАЦИЯ -->
<section data-section="6" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Средняя зарплата</div><div class="value">173K ₸</div></div>
<div class="kpi-card"><div class="label">Фонд бонусов (мес)</div><div class="value">5.2M ₸</div></div>
<div class="kpi-card good"><div class="label">Вовлечённость</div><div class="value">76%</div><div class="change up">+5%</div></div>
<div class="kpi-card"><div class="label">Индекс лояльности eNPS</div><div class="value">+24</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4B0; Структура дохода по грейдам</h3>
<table>
<tr><th>Грейд</th><th>Оклад</th><th>Бонус %</th><th>Доход в мес</th></tr>
<tr><td>G1 — Стажёр</td><td>120K ₸</td><td>0%</td><td>120K ₸</td></tr>
<tr><td>G2 — Junior</td><td>200K ₸</td><td>10%</td><td>220K ₸</td></tr>
<tr><td>G3 — Middle</td><td>380K ₸</td><td>20%</td><td>456K ₸</td></tr>
<tr><td>G4 — Senior</td><td>650K ₸</td><td>30%</td><td>845K ₸</td></tr>
<tr><td>G5 — Lead</td><td>900K ₸</td><td>40%</td><td>1.26M ₸</td></tr>
<tr><td>G6 — Director</td><td>1.2M ₸</td><td>50%</td><td>1.8M ₸</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F3C6; Топ-5 по KPI и бонусам (июнь)</h3>
<table>
<tr><th>Сотрудник</th><th>Отдел</th><th>KPI</th><th>Бонус</th></tr>
<tr><td>Ахметов А.</td><td>Продажи</td><td>94%</td><td>320K ₸</td></tr>
<tr><td>Серикова М.</td><td>IT</td><td>91%</td><td>280K ₸</td></tr>
<tr><td>Ким В.</td><td>Маркетинг</td><td>88%</td><td>240K ₸</td></tr>
<tr><td>Нурланова Д.</td><td>Финансы</td><td>85%</td><td>200K ₸</td></tr>
<tr><td>Иванов С.</td><td>IT</td><td>82%</td><td>180K ₸</td></tr>
</table>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F91D; Соцпакет и удержание</h3>
<table>
<tr><td>ДМС (медицинская страховка)</td><td>247 чел</td></tr>
<tr><td>Спортзал / фитнес</td><td>168 чел (68%)</td></tr>
<tr><td>Питание (столовая / компенсация)</td><td>247 чел</td></tr>
<tr><td>Гибкий график</td><td>89 чел (36%)</td></tr>
<tr><td>Удалённая работа</td><td>68 чел (27%)</td></tr>
<tr><td>Обучение за счёт компании</td><td>186 чел (75%)</td></tr>
<tr><td>Средний стаж работы</td><td>3.2 года</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4CA; Причины демотивации (опрос)</h3>
<div class="chart-bar"><span class="lbl">Зарплата ниже рынка</span><span class="fill" style="width:68%;background:var(--red)"></span><span class="val">34%</span></div>
<div class="chart-bar"><span class="lbl">Нет карьерного роста</span><span class="fill" style="width:52%;background:var(--orange)"></span><span class="val">26%</span></div>
<div class="chart-bar"><span class="lbl">Переработки</span><span class="fill" style="width:40%"></span><span class="val">20%</span></div>
<div class="chart-bar"><span class="lbl">Отсутствие признания</span><span class="fill" style="width:28%"></span><span class="val">14%</span></div>
<div class="chart-bar"><span class="lbl">Конфликты в коллективе</span><span class="fill" style="width:12%"></span><span class="val">6%</span></div>
</div>
</div>
</section>
<!-- 7. УПРАВЛЕНИЕ ПЕРСОНАЛОМ -->
<section data-section="7" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Всего сотрудников</div><div class="value">247</div></div>
<div class="kpi-card good"><div class="label">Укомплектованность</div><div class="value">80%</div></div>
<div class="kpi-card"><div class="label">Текучка (годовая)</div><div class="value">14.2%</div></div>
<div class="kpi-card good"><div class="label">Производительность</div><div class="value">+8%</div><div class="change up">к прошлому году</div></div>
</div>
<div class="grid3">
<div class="card">
<h3>&#x1F3E2; По отделам</h3>
<table>
<tr><th>Отдел</th><th>Чел</th><th>Текуч.</th></tr>
<tr><td>Продажи</td><td>52</td><td>22%</td></tr>
<tr><td>IT</td><td>48</td><td>18%</td></tr>
<tr><td>Маркетинг</td><td>32</td><td>12%</td></tr>
<tr><td>Производство</td><td>45</td><td>16%</td></tr>
<tr><td>Финансы</td><td>28</td><td>6%</td></tr>
<tr><td>HR</td><td>12</td><td>8%</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4CA; KPI по отделам</h3>
<table>
<tr><th>Отдел</th><th>План</th><th>Факт</th></tr>
<tr><td>Продажи</td><td>100%</td><td><span class="badge green">112%</span></td></tr>
<tr><td>IT</td><td>100%</td><td><span class="badge orange">94%</span></td></tr>
<tr><td>Маркетинг</td><td>100%</td><td><span class="badge red">78%</span></td></tr>
<tr><td>Финансы</td><td>100%</td><td><span class="badge green">103%</span></td></tr>
<tr><td>HR</td><td>100%</td><td><span class="badge orange">91%</span></td></tr>
<tr><td>Производство</td><td>100%</td><td><span class="badge blue">96%</span></td></tr>
</table>
</div>
<div class="card">
<h3>&#x23F0; Дисциплина (июнь)</h3>
<table>
<tr><td>Опоздания</td><td>47</td></tr>
<tr><td>Больничные</td><td>18 чел</td></tr>
<tr><td>Прогулы</td><td>2</td></tr>
<tr><td>Переработки</td><td>320 ч</td></tr>
<tr><td>Удалёнка</td><td>68 чел</td></tr>
<tr><td>Ср. стаж</td><td>3.2 года</td></tr>
</table>
</div>
</div>
<div class="card">
<h3>&#x1F465; Гендерный состав по категориям</h3>
<table>
<tr><th>Категория</th><th>Мужчины</th><th>Женщины</th><th>Всего</th><th>% женщин</th></tr>
<tr><td>Руководители высшего звена</td><td>6</td><td>2</td><td>8</td><td>25%</td></tr>
<tr><td>Руководители среднего звена</td><td>14</td><td>8</td><td>22</td><td>36%</td></tr>
<tr><td>Ведущие специалисты</td><td>28</td><td>19</td><td>47</td><td>40%</td></tr>
<tr><td>Специалисты</td><td>48</td><td>36</td><td>84</td><td>43%</td></tr>
<tr><td>Младший персонал</td><td>32</td><td>26</td><td>58</td><td>45%</td></tr>
<tr><td>Стажёры</td><td>12</td><td>8</td><td>20</td><td>40%</td></tr>
<tr style="font-weight:700"><td>ИТОГО</td><td>140 (57%)</td><td>99 (43%)</td><td>247</td><td></td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F3E2; Руководители vs Специалисты</h3>
<div class="grid2">
<div>
<h4 style="font-size:13px;color:var(--gray);margin-bottom:8px">Руководители: 30 чел (12%)</h4>
<div class="chart-bar"><span class="lbl">Мужчины</span><span class="fill" style="width:67%;background:var(--accent)"></span><span class="val">20</span></div>
<div class="chart-bar"><span class="lbl">Женщины</span><span class="fill" style="width:33%;background:var(--purple)"></span><span class="val">10</span></div>
<p style="font-size:11px;color:var(--gray);margin-top:4px">Ср. возраст: 41 год · Ср. стаж в компании: 6.4 года</p>
</div>
<div>
<h4 style="font-size:13px;color:var(--gray);margin-bottom:8px">Специалисты: 217 чел (88%)</h4>
<div class="chart-bar"><span class="lbl">Мужчины</span><span class="fill" style="width:55%;background:var(--accent)"></span><span class="val">120</span></div>
<div class="chart-bar"><span class="lbl">Женщины</span><span class="fill" style="width:41%;background:var(--purple)"></span><span class="val">97</span></div>
<p style="font-size:11px;color:var(--gray);margin-top:4px">Ср. возраст: 31 год · Ср. стаж в компании: 2.8 года</p>
</div>
</div>
</div>
<div class="card">
<h3>&#x1F4CA; Возрастная структура</h3>
<div class="grid2">
<div>
<p style="font-weight:700;margin-bottom:8px">По возрасту:</p>
<div class="chart-bar"><span class="lbl">18-25 лет</span><span class="fill" style="width:36%;background:var(--green)"></span><span class="val">18%</span></div>
<div class="chart-bar"><span class="lbl">26-35 лет</span><span class="fill" style="width:82%;background:var(--accent)"></span><span class="val">41%</span></div>
<div class="chart-bar"><span class="lbl">36-45 лет</span><span class="fill" style="width:56%"></span><span class="val">28%</span></div>
<div class="chart-bar"><span class="lbl">46+ лет</span><span class="fill" style="width:26%"></span><span class="val">13%</span></div>
</div>
<div>
<p style="font-weight:700;margin-bottom:8px">По полу:</p>
<div class="chart-bar"><span class="lbl">Мужчины</span><span class="fill" style="width:60%;background:var(--accent)"></span><span class="val">60%</span></div>
<div class="chart-bar"><span class="lbl">Женщины</span><span class="fill" style="width:40%;background:var(--purple)"></span><span class="val">40%</span></div>
</div>
</div>
</div>
</section>
<!-- 8. HR-БЮДЖЕТ -->
<section data-section="8" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Годовой HR-бюджет</div><div class="value">514M ₸</div></div>
<div class="kpi-card"><div class="label">ФОТ в месяц</div><div class="value">32.4M ₸</div></div>
<div class="kpi-card warn"><div class="label">Освоено бюджета</div><div class="value">96%</div></div>
<div class="kpi-card good"><div class="label">HR-затраты на 1 сотр.</div><div class="value">173K ₸</div><div class="change">в месяц (полные)</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4B0; Структура HR-бюджета 2026</h3>
<table>
<tr><th>Статья</th><th>Год</th><th>Месяц</th><th>%</th></tr>
<tr><td>ФОТ (оклады)</td><td>389M ₸</td><td>32.4M</td><td>75.7%</td></tr>
<tr><td>Бонусы и премии</td><td>62M ₸</td><td>5.2M</td><td>12.1%</td></tr>
<tr><td>Соцпакет (ДМС, питание)</td><td>22M ₸</td><td>1.8M</td><td>4.3%</td></tr>
<tr><td>Обучение и развитие</td><td>25M ₸</td><td>2.1M</td><td>4.9%</td></tr>
<tr><td>Подбор персонала</td><td>16M ₸</td><td>1.3M</td><td>3.1%</td></tr>
<tr style="font-weight:700"><td>ИТОГО</td><td>514M ₸</td><td>42.8M</td><td>100%</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C8; HR-бюджет по кварталам</h3>
<table>
<tr><th>Квартал</th><th>План</th><th>Факт</th><th>Статус</th></tr>
<tr><td>Q1</td><td>128M</td><td>126M</td><td><span class="badge green">98%</span></td></tr>
<tr><td>Q2</td><td>130M</td><td>132M</td><td><span class="badge orange">102%</span></td></tr>
<tr><td>Q3</td><td>128M</td><td></td><td><span class="badge blue">план</span></td></tr>
<tr><td>Q4</td><td>128M</td><td></td><td><span class="badge blue">план</span></td></tr>
</table>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4B5; Полная стоимость сотрудника</h3>
<table>
<tr><th>Должность</th><th>Оклад</th><th>Полные затраты</th><th>× оклада</th></tr>
<tr><td>Senior Developer</td><td>850K</td><td>1.23M</td><td>1.45×</td></tr>
<tr><td>Менеджер продаж</td><td>450K</td><td>680K</td><td>1.51×</td></tr>
<tr><td>Маркетолог</td><td>520K</td><td>760K</td><td>1.46×</td></tr>
<tr><td>Бухгалтер</td><td>380K</td><td>520K</td><td>1.37×</td></tr>
<tr><td>HR-менеджер</td><td>350K</td><td>480K</td><td>1.37×</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C9; Экономия HR-бюджета</h3>
<table>
<tr><th>Статья экономии</th><th>Сумма</th></tr>
<tr><td>Вакантные ставки (12 ед × 3 мес)</td><td>14.4M ₸</td></tr>
<tr><td>Оптимизация подбора (внутр. рефералы)</td><td>2.8M ₸</td></tr>
<tr><td>Онлайн-обучение vs офлайн</td><td>3.2M ₸</td></tr>
<tr><td>Снижение текучести на 2%</td><td>6.5M ₸</td></tr>
<tr style="font-weight:700"><td>ИТОГО экономия</td><td>26.9M ₸</td></tr>
</table>
</div>
</div>
</section>
<!-- 9. ОЦЕНКА ПЕРСОНАЛА -->
<section data-section="9" style="display:none">
<div class="kpi-row">
<div class="kpi-card good"><div class="label">Прошли оценку (год)</div><div class="value">218</div><div class="change up">88% персонала</div></div>
<div class="kpi-card"><div class="label">Средний балл оценки</div><div class="value">3.8/5</div></div>
<div class="kpi-card good"><div class="label">High performers</div><div class="value">32</div><div class="change">13% штата</div></div>
<div class="kpi-card warn"><div class="label">Low performers</div><div class="value">8</div><div class="change">план развития</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4CB; Performance Review (2026)</h3>
<table>
<tr><th>Метод оценки</th><th>Охват</th><th>Период</th></tr>
<tr><td>KPI (количественные)</td><td>186 чел (75%)</td><td>Ежемесячно</td></tr>
<tr><td>360° (обратная связь)</td><td>62 чел (25%)</td><td>Раз в полгода</td></tr>
<tr><td>OKR (цели и результаты)</td><td>48 чел (19%)</td><td>Ежеквартально</td></tr>
<tr><td>Аттестация</td><td>24 чел (10%)</td><td>Раз в год</td></tr>
<tr><td>Самооценка</td><td>218 чел (88%)</td><td>Раз в полгода</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4CA; Распределение по рейтингу</h3>
<div class="chart-bar"><span class="lbl">&#x2B50; A (превосходит)</span><span class="fill" style="width:26%;background:var(--green)"></span><span class="val">32</span></div>
<div class="chart-bar"><span class="lbl">&#x1F44D; B (соответствует)</span><span class="fill" style="width:62%;background:var(--accent)"></span><span class="val">156</span></div>
<div class="chart-bar"><span class="lbl">&#x1F4C8; C (развитие)</span><span class="fill" style="width:20%;background:var(--orange)"></span><span class="val">22</span></div>
<div class="chart-bar"><span class="lbl">&#x26A0; D (ниже ожиданий)</span><span class="fill" style="width:7%;background:var(--red)"></span><span class="val">8</span></div>
<p style="font-size:11px;color:var(--gray);margin-top:8px">Не оценены: 29 чел (12%) — новички, декрет, длительный больничный</p>
</div>
</div>
<div class="card">
<h3>&#x1F3AF; Динамика выполнения OKR по отделам</h3>
<table>
<tr><th>Отдел</th><th>Целей Q2</th><th>Выполнено</th><th>В процессе</th><th>Под риском</th></tr>
<tr><td>Продажи</td><td>12</td><td><span class="badge green">9</span></td><td>2</td><td><span class="badge orange">1</span></td></tr>
<tr><td>IT</td><td>18</td><td><span class="badge green">14</span></td><td>3</td><td><span class="badge orange">1</span></td></tr>
<tr><td>Маркетинг</td><td>8</td><td><span class="badge orange">4</span></td><td>2</td><td><span class="badge red">2</span></td></tr>
<tr><td>Финансы</td><td>6</td><td><span class="badge green">5</span></td><td>1</td><td>0</td></tr>
<tr><td>HR</td><td>6</td><td><span class="badge green">4</span></td><td>2</td><td>0</td></tr>
</table>
</div>
</section>
<!-- 10. WELL-BEING -->
<section data-section="10" style="display:none">
<div class="kpi-row">
<div class="kpi-card good"><div class="label">Индекс счастья</div><div class="value">7.2/10</div></div>
<div class="kpi-card warn"><div class="label">Выгорание (риск)</div><div class="value">18%</div></div>
<div class="kpi-card"><div class="label">Спорт / фитнес</div><div class="value">68%</div></div>
<div class="kpi-card good"><div class="label">Work-Life баланс</div><div class="value">3.9/5</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F9E0; Уровень стресса и выгорания</h3>
<table>
<tr><td>Низкий стресс (0-3)</td><td>124 чел (50%)</td><td><span class="badge green">норма</span></td></tr>
<tr><td>Средний стресс (4-6)</td><td>78 чел (32%)</td><td><span class="badge blue">внимание</span></td></tr>
<tr><td>Высокий стресс (7-8)</td><td>32 чел (13%)</td><td><span class="badge orange">риск</span></td></tr>
<tr><td>Критический (9-10)</td><td>13 чел (5%)</td><td><span class="badge red">помощь!</span></td></tr>
<tr><td>Обратились к психологу</td><td>18 чел</td><td>программа EAP</td></tr>
</table>
</div>
<div class="card">
<h3>&#x2764; Программы здоровья</h3>
<table>
<tr><th>Программа</th><th>Участников</th><th>NPS</th></tr>
<tr><td>ДМС (расширенный пакет)</td><td>187</td><td>72</td></tr>
<tr><td>Спортзал / фитнес</td><td>168</td><td>68</td></tr>
<tr><td>Психолог (EAP)</td><td>18</td><td>85</td></tr>
<tr><td>Йога / медитация</td><td>42</td><td>78</td></tr>
<tr><td>Массаж на рабочем месте</td><td>56</td><td>91</td></tr>
</table>
</div>
</div>
<div class="card">
<h3>&#x1F4C9; Причины стресса (опрос)</h3>
<div class="chart-bar"><span class="lbl">Сроки / дедлайны</span><span class="fill" style="width:70%;background:var(--red)"></span><span class="val">35%</span></div>
<div class="chart-bar"><span class="lbl">Объём задач</span><span class="fill" style="width:56%;background:var(--orange)"></span><span class="val">28%</span></div>
<div class="chart-bar"><span class="lbl">Конфликты</span><span class="fill" style="width:20%"></span><span class="val">10%</span></div>
<div class="chart-bar"><span class="lbl">Неясные цели</span><span class="fill" style="width:18%"></span><span class="val">9%</span></div>
<div class="chart-bar"><span class="lbl">Личные причины</span><span class="fill" style="width:16%"></span><span class="val">8%</span></div>
<div class="chart-bar"><span class="lbl">Переработки</span><span class="fill" style="width:20%;background:var(--orange)"></span><span class="val">10%</span></div>
</div>
</section>
<!-- 11. ВНУТРЕННИЕ КОММУНИКАЦИИ -->
<section data-section="11" style="display:none">
<div class="kpi-row">
<div class="kpi-card good"><div class="label">Вовлечённость</div><div class="value">76%</div><div class="change up">+5%</div></div>
<div class="kpi-card"><div class="label">eNPS</div><div class="value">+24</div></div>
<div class="kpi-card"><div class="label">Ср. ответ HR</div><div class="value">4.2 ч</div></div>
<div class="kpi-card good"><div class="label">Участие в опросах</div><div class="value">82%</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4E2; Каналы коммуникации</h3>
<table>
<tr><th>Канал</th><th>Охват</th><th>Открываемость</th></tr>
<tr><td>Корпоративный портал</td><td>96%</td><td>78%</td></tr>
<tr><td>Email-рассылка</td><td>100%</td><td>62%</td></tr>
<tr><td>Telegram-канал</td><td>89%</td><td>85%</td></tr>
<tr><td>Собрания / Town Hall</td><td>74%</td><td></td></tr>
<tr><td>Внутренние чаты (Slack/Teams)</td><td>82%</td><td>91%</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4CB; Последний опрос вовлечённости</h3>
<table>
<tr><td>Гордятся компанией</td><td>82%</td></tr>
<tr><td>Видят карьерный рост</td><td>58%</td></tr>
<tr><td>Доверяют руководству</td><td>71%</td></tr>
<tr><td>Рекомендуют как работодателя</td><td>76%</td></tr>
<tr><td>Понимают стратегию компании</td><td>64%</td></tr>
<tr><td>Чувствуют признание</td><td>69%</td></tr>
</table>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4AC; Обратная связь</h3>
<table>
<tr><th>Канал</th><th>Обращений/мес</th><th>Решено</th></tr>
<tr><td>HR Service Desk</td><td>124</td><td>118</td></tr>
<tr><td>Анонимный ящик</td><td>8</td><td>5</td></tr>
<tr><td>1:1 с руководителем</td><td>ежемес</td><td>82%</td></tr>
<tr><td>Exit-интервью</td><td>3</td><td>3</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C8; Динамика eNPS</h3>
<table>
<tr><th>Период</th><th>eNPS</th><th>Промоутеры</th><th>Критики</th></tr>
<tr><td>Q1 2025</td><td>+12</td><td>38%</td><td>26%</td></tr>
<tr><td>Q2 2025</td><td>+16</td><td>42%</td><td>26%</td></tr>
<tr><td>Q3 2025</td><td>+19</td><td>44%</td><td>25%</td></tr>
<tr><td>Q4 2025</td><td>+18</td><td>43%</td><td>25%</td></tr>
<tr><td>Q1 2026</td><td>+24</td><td>48%</td><td>24%</td></tr>
</table>
</div>
</div>
</section>
<!-- 12. HR-БРЕНД -->
<section data-section="12" style="display:none">
<div class="kpi-row">
<div class="kpi-card good"><div class="label">Рейтинг на HeadHunter</div><div class="value">4.2</div></div>
<div class="kpi-card"><div class="label">Отзывов сотрудников</div><div class="value">86</div></div>
<div class="kpi-card good"><div class="label">Приняли оффер</div><div class="value">80%</div></div>
<div class="kpi-card"><div class="label">Время до первого отклика</div><div class="value">1.8 дня</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4CA; Воронка работодателя (HeadHunter)</h3>
<table>
<tr><td>Просмотров вакансий / мес</td><td>4 200</td></tr>
<tr><td>Откликов / мес</td><td>142</td></tr>
<tr><td>Приглашений на собеседование</td><td>68</td></tr>
<tr><td>Вышли на работу</td><td>4</td></tr>
<tr><td>Ср. время закрытия вакансии</td><td>34 дня</td></tr>
<tr><td>Стоимость найма (cost per hire)</td><td>245K ₸</td></tr>
</table>
</div>
<div class="card">
<h3>&#x2B50; Топ-3 причины выбора компании (опрос)</h3>
<div class="chart-bar"><span class="lbl">Стабильность</span><span class="fill" style="width:72%;background:var(--green)"></span><span class="val">36%</span></div>
<div class="chart-bar"><span class="lbl">Зарплата и бонусы</span><span class="fill" style="width:56%"></span><span class="val">28%</span></div>
<div class="chart-bar"><span class="lbl">Интересные задачи</span><span class="fill" style="width:44%"></span><span class="val">22%</span></div>
<div class="chart-bar"><span class="lbl">Коллектив</span><span class="fill" style="width:28%"></span><span class="val">14%</span></div>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4F1; Социальные сети</h3>
<table>
<tr><th>Платформа</th><th>Подписчики</th><th>Вовлечённость</th></tr>
<tr><td>LinkedIn</td><td>4 200</td><td>3.8%</td></tr>
<tr><td>Instagram</td><td>8 600</td><td>5.2%</td></tr>
<tr><td>Telegram (HR-канал)</td><td>2 100</td><td>12.4%</td></tr>
<tr><td>YouTube (карьера)</td><td>1 400</td><td>8.1%</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F31F; Награды и признание</h3>
<table>
<tr><td>Топ-50 работодателей РК (HeadHunter)</td><td>2025, 2026</td></tr>
<tr><td>Лучший HR-бренд (премия)</td><td>2025</td></tr>
<tr><td>Аккредитация «Great Place to Work»</td><td>в процессе</td></tr>
<tr><td>Участие в ярмарках вакансий</td><td>8 вузов / год</td></tr>
</table>
</div>
</div>
</section>
<!-- 13. АВТОМАТИЗАЦИЯ HR -->
<section data-section="13" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Процессов в ЭДО</div><div class="value">68%</div></div>
<div class="kpi-card good"><div class="label">HR-портал (DAU)</div><div class="value">194</div><div class="change">79% активных</div></div>
<div class="kpi-card"><div class="label">Самообслуживание</div><div class="value">42%</div></div>
<div class="kpi-card warn"><div class="label">Бумажные процессы</div><div class="value">32%</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4BB; HR-системы и охват</h3>
<table>
<tr><th>Система</th><th>Охват</th><th>Зрелость</th></tr>
<tr><td>1С: Зарплата и кадры</td><td>100%</td><td><span class="badge green">высокая</span></td></tr>
<tr><td>HR-портал (ЛК сотрудника)</td><td>79%</td><td><span class="badge blue">средняя</span></td></tr>
<tr><td>Электронный документооборот</td><td>68%</td><td><span class="badge blue">растёт</span></td></tr>
<tr><td>ATS (подбор персонала)</td><td>100%</td><td><span class="badge green">высокая</span></td></tr>
<tr><td>LMS (обучение)</td><td>75%</td><td><span class="badge orange">внедрение</span></td></tr>
<tr><td>Performance Management</td><td>25%</td><td><span class="badge orange">пилот</span></td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C5; План цифровизации HR (2026-2027)</h3>
<table>
<tr><th>Проект</th><th>Срок</th><th>Статус</th></tr>
<tr><td>Переход на КЭДО (100%)</td><td>Q3 2026</td><td><span class="badge blue">60%</span></td></tr>
<tr><td>Чат-бот HR (ответы на вопросы)</td><td>Q4 2026</td><td><span class="badge orange">разработка</span></td></tr>
<tr><td>Онлайн-онбординг</td><td>Q2 2026</td><td><span class="badge green">запущен</span></td></tr>
<tr><td>HR-аналитика (дашборды)</td><td>Q3 2026</td><td><span class="badge blue">пилот</span></td></tr>
<tr><td>Мобильное приложение HR</td><td>Q2 2027</td><td><span class="badge blue">план</span></td></tr>
</table>
</div>
</div>
<div class="card">
<h3>&#x1F4C8; % оцифрованных HR-процессов</h3>
<div class="chart-bar"><span class="lbl">Кадровый учёт</span><span class="fill" style="width:90%;background:var(--green)"></span><span class="val">90%</span></div>
<div class="chart-bar"><span class="lbl">Расчёт зарплаты</span><span class="fill" style="width:100%;background:var(--green)"></span><span class="val">100%</span></div>
<div class="chart-bar"><span class="lbl">Подбор персонала</span><span class="fill" style="width:85%;background:var(--green)"></span><span class="val">85%</span></div>
<div class="chart-bar"><span class="lbl">Обучение</span><span class="fill" style="width:60%;background:var(--orange)"></span><span class="val">60%</span></div>
<div class="chart-bar"><span class="lbl">Оценка / KPI</span><span class="fill" style="width:40%;background:var(--orange)"></span><span class="val">40%</span></div>
<div class="chart-bar"><span class="lbl">Адаптация</span><span class="fill" style="width:50%;background:var(--orange)"></span><span class="val">50%</span></div>
<div class="chart-bar"><span class="lbl">Кадровый резерв</span><span class="fill" style="width:30%;background:var(--red)"></span><span class="val">30%</span></div>
</div>
</section>
<!-- 14. ТРЕНДЫ И ПРОГНОЗЫ -->
<section data-section="14" style="display:none">
<div class="kpi-row">
<div class="kpi-card"><div class="label">Прогноз численности</div><div class="value">264</div><div class="change up">+17 к концу года</div></div>
<div class="kpi-card good"><div class="label">Прогноз текучести</div><div class="value">12.8%</div><div class="change down">1.4% к плану</div></div>
<div class="kpi-card"><div class="label">Прогноз ФОТ</div><div class="value">538M</div><div class="change">на конец года</div></div>
<div class="kpi-card warn"><div class="label">Уходящие на пенсию</div><div class="value">4</div><div class="change">в ближайшие 2 года</div></div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4C8; Тренд численности (год к году)</h3>
<table>
<tr><th>Год</th><th>Начало</th><th>Конец</th><th>&#x394;</th><th>Текуч.</th></tr>
<tr><td>2023</td><td>198</td><td>215</td><td>+17</td><td>18.4%</td></tr>
<tr><td>2024</td><td>215</td><td>228</td><td>+13</td><td>16.1%</td></tr>
<tr><td>2025</td><td>228</td><td>235</td><td>+7</td><td>15.8%</td></tr>
<tr><td>2026</td><td>235</td><td>247</td><td>+12</td><td>14.2%</td></tr>
<tr style="font-weight:700"><td>2027</td><td>264</td><td>280</td><td>+16</td><td>12.0%</td></tr>
</table>
</div>
<div class="card">
<h3>&#x1F4C9; Тренд HR-метрик (3 года)</h3>
<table>
<tr><th>Метрика</th><th>2024</th><th>2025</th><th>2026</th><th>Тренд</th></tr>
<tr><td>Текучесть</td><td>16.1%</td><td>15.8%</td><td>14.2%</td><td><span class="badge green">&#x2193;</span></td></tr>
<tr><td>eNPS</td><td>+12</td><td>+18</td><td>+24</td><td><span class="badge green">&#x2191;</span></td></tr>
<tr><td>Срок найма (дни)</td><td>42</td><td>38</td><td>34</td><td><span class="badge green">&#x2193;</span></td></tr>
<tr><td>ФОТ (млн ₸)</td><td>358</td><td>412</td><td>514</td><td><span class="badge orange">&#x2191;</span></td></tr>
<tr><td>Вовлечённость</td><td>68%</td><td>71%</td><td>76%</td><td><span class="badge green">&#x2191;</span></td></tr>
<tr><td>Ср. стаж (лет)</td><td>2.8</td><td>3.0</td><td>3.2</td><td><span class="badge green">&#x2191;</span></td></tr>
</table>
</div>
</div>
<div class="grid2">
<div class="card">
<h3>&#x1F4CA; Прогноз найма на 2027</h3>
<table>
<tr><th>Отдел</th><th>План</th><th>Причина</th></tr>
<tr><td>IT</td><td>6</td><td>Новые проекты</td></tr>
<tr><td>Продажи</td><td>4</td><td>Расширение рынка</td></tr>
<tr><td>Маркетинг</td><td>2</td><td>Digital-направление</td></tr>
<tr><td>Производство</td><td>3</td><td>Замена пенсионеров</td></tr>
<tr><td>HR</td><td>1</td><td>HR-аналитик</td></tr>
<tr style="font-weight:700"><td>ИТОГО</td><td>16</td><td></td></tr>
</table>
</div>
<div class="card">
<h3>&#x26A0; Прогноз рисков</h3>
<table>
<tr><th>Риск</th><th>Вероятность</th><th>Влияние</th></tr>
<tr><td>Уход ключевых сотрудников</td><td><span class="badge orange">средняя</span></td><td>высокое</td></tr>
<tr><td>Дефицит IT-специалистов</td><td><span class="badge orange">средняя</span></td><td>среднее</td></tr>
<tr><td>Рост зарплат выше рынка</td><td><span class="badge orange">средняя</span></td><td>среднее</td></tr>
<tr><td>Уход пенсионеров без замены</td><td><span class="badge blue">низкая</span></td><td>низкое</td></tr>
<tr><td>Изменение ТК РК</td><td><span class="badge blue">низкая</span></td><td>высокое</td></tr>
</table>
</div>
</div>
</section>
</main>
<script>
// Tab switching
document.querySelectorAll('#tabs .tab').forEach(tab => {
tab.addEventListener('click', () => {
document.querySelectorAll('#tabs .tab').forEach(t => t.classList.remove('active'));
tab.classList.add('active');
const section = tab.dataset.section;
document.querySelectorAll('main > section').forEach(s => s.style.display = 'none');
const target = document.querySelector(`main > section[data-section="${section}"]`);
if (target) target.style.display = 'block';
window.scrollTo({ top: 0, behavior: 'smooth' });
});
});
</script>
<!-- AI ASSISTANT -->
<button class="ai-btn" id="aiBtn" onclick="toggleAI()" title="HR-ассистент">&#x1F916;</button>
<div class="ai-chat" id="aiChat">
<div class="hd">
&#x1F916; HR-ассистент
<button onclick="toggleAI()">&#x2715;</button>
</div>
<div class="msgs" id="aiMsgs">
<div class="msg ai">&#x1F44B; Здравствуйте! Я HR-ассистент. Спросите меня о любом показателе из дашборда: текучесть, бюджет, KPI, найм, обучение...</div>
</div>
<div class="input-row">
<input type="text" id="aiInput" placeholder="Спроси про HR-метрики..." onkeydown="if(event.key==='Enter')askAI()">
<button onclick="askAI()">&#x27A4;</button>
</div>
</div>
<script>
function toggleAI() {
document.getElementById('aiChat').classList.toggle('open');
}
function addMsg(text, cls) {
const msgs = document.getElementById('aiMsgs');
const div = document.createElement('div');
div.className = 'msg ' + cls;
div.textContent = text;
msgs.appendChild(div);
msgs.scrollTop = msgs.scrollHeight;
}
function askAI() {
const input = document.getElementById('aiInput');
const q = input.value.trim().toLowerCase();
if (!q) return;
addMsg(q, 'user');
input.value = '';
let answer = '';
const data = {
total: 247, turnover: '14.2%', fot: '514M ₸', budget: '42.8M ₸/мес',
hired: 25, fired: 23, vacancies: 12, engagement: '76%', enps: '+24',
avgSalary: '173K ₸', training: '25M ₸', reserve: 34, youth: 72,
stress: '18% в зоне риска', adaptation: '89%', women: '43%',
managers: 30, specialists: 217, contractExpiring: 3,
hhRating: '4.2', edo: '68%'
};
if (q.includes('текуч') || q.includes('увольн')) answer = 'Текучесть персонала: 14.2% за год (23 чел уволено, 25 нанято). Основная причина — собственное желание (60.9%). Тренд снижается: 2024 — 16.1%, 2025 — 15.8%, 2026 — 14.2%.';
else if (q.includes('бюджет') || q.includes('фот') || q.includes('деньг')) answer = 'HR-бюджет 2026: 514M ₸. Из них ФОТ — 389M (75.7%), бонусы — 62M (12.1%), соцпакет — 22M (4.3%), обучение — 25M (4.9%), подбор — 16M (3.1%). В месяц: 42.8M ₸.';
else if (q.includes('найм') || q.includes('подбор') || q.includes('ваканс')) answer = 'Воронка подбора: 142 отклика → 68 интервью → 31 собеседование → 12 финал → 5 офферов → 4 вышли. Конверсия 2.8%. Средний срок закрытия вакансии — 34 дня. Открыто 12 вакантных ставок.';
else if (q.includes('обучен') || q.includes('развит')) answer = 'Обучение: 186 сотрудников (75%) прошли обучение в 2026 году. Бюджет — 25M ₸. Средняя оценка тренингов — 4.3/5. 78% применяют знания в работе. Рост KPI после обучения +12%.';
else if (q.includes('kpi') || q.includes('оценк') || q.includes('рейтинг')) answer = 'Оценка персонала: 218 чел (88%) прошли оценку. High performers — 32 чел (13%), low performers — 8 чел (3%). OKR выполняются по отделам: Продажи 75%, IT 78%, Маркетинг 50%.';
else if (q.includes('кадров') || q.includes('резерв')) answer = 'Кадровый резерв: 34 человека. 5 назначено из резерва за год. 42% позиций закрываются из резерва. Критический риск: нет преемника у Директора продаж.';
else if (q.includes('женщин') || q.includes('гендер') || q.includes('мужчин')) answer = 'Гендерный состав: 140 мужчин (57%) и 99 женщин (43%). Среди руководителей: 20 мужчин (67%) и 10 женщин (33%). Среди специалистов: 120 мужчин (55%) и 97 женщин (45%).';
else if (q.includes('стресс') || q.includes('выгоран') || q.includes('well')) answer = 'Well-being: 18% сотрудников в зоне риска выгорания. Основные причины стресса: дедлайны (35%), объём задач (28%), переработки (10%). 18 чел обратились к психологу по программе EAP.';
else if (q.includes('бренд') || q.includes('hh') || q.includes('headhunt')) answer = 'HR-бренд: рейтинг на HeadHunter — 4.2. 86 отзывов сотрудников. Принятие оффера — 80%. LinkedIn: 4 200 подписчиков, Instagram: 8 600. Компания в Топ-50 работодателей РК 2025-2026.';
else if (q.includes('эдо') || q.includes('автомат') || q.includes('цифр')) answer = 'Автоматизация HR: 68% процессов в ЭДО. HR-портал — 79% активных пользователей. План: КЭДО 100% к Q3 2026, чат-бот HR к Q4 2026, мобильное приложение к Q2 2027.';
else if (q.includes('молод') || q.includes('стажёр') || q.includes('вуз')) answer = 'Работа с молодёжью: 72 сотрудника до 30 лет (29%). 18 стажёров за год, трудоустроено 14 (78%). Программа «Молодой лидер»: 12 участников, 4 получили повышение.';
else if (q.includes('мотивац') || q.includes('зарплат') || q.includes('бонус')) answer = 'Оплата труда: средняя зарплата — 173K ₸. Грейды от G1 (120K) до G6 (1.8M). Топ-бонус июня — 320K ₸ (Ахметов А., Продажи). Соцпакет: ДМС, спортзал, питание, гибкий график.';
else if (q.includes('договор') || q.includes('срок') || q.includes('истек')) answer = 'Трудовые договоры: 247 активных, 18 срочных (7.3%). Истекают: июнь — 3 (срочно!), июль — 5, август — 2, сентябрь — 4. Бессрочных — 229.';
else if (q.includes('тренд') || q.includes('прогноз') || q.includes('2027')) answer = 'Прогноз на 2027: численность 264→280 чел, текучесть снизится до 12%, ФОТ вырастет до 538M. План найма — 16 чел. Основной риск — уход ключевых сотрудников.';
else answer = 'Я могу ответить на вопросы про: текучесть, бюджет, найм, обучение, KPI, кадровый резерв, гендерный состав, well-being, HR-бренд, автоматизацию, молодёжь, мотивацию, договоры, тренды. Что вас интересует?';
setTimeout(() => addMsg(answer, 'ai'), 400);
}
// Open AI on first visit
setTimeout(() => document.getElementById('aiChat').classList.add('open'), 2000);
</script>
</body>
</html>