From 2f19dd0b15068798e808f0266337169adee3875c Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Tue, 2 Jun 2026 12:02:35 +0000
Subject: [PATCH] =?UTF-8?q?=D0=A1=D1=80=D0=BE=D0=BA=D0=B8=20=D0=B8=D1=81?=
 =?UTF-8?q?=D1=82=D0=B5=D1=87=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=82=D1=80=D1=83?=
 =?UTF-8?q?=D0=B4=D0=BE=D0=B2=D1=8B=D1=85=20=D0=B4=D0=BE=D0=B3=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=BE=D1=80=D0=BE=D0=B2=20+=20=D0=B3=D1=80=D0=B0=D1=84=D0=B8?=
 =?UTF-8?q?=D0=BA=20=D0=BD=D0=B0=206=20=D0=BC=D0=B5=D1=81=D1=8F=D1=86?=
 =?UTF-8?q?=D0=B5=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index b20f983..6282dd9 100644
--- a/index.html
+++ b/index.html
@@ -126,15 +126,29 @@ th{color:var(--gray);font-size:10px;text-transform:uppercase;font-weight:600;let
 
 <div class="grid2">
   <div class="card">
-    <h3>&#x1F4DD; Трудовые договоры</h3>
+    <h3>&#x1F4C5; Сроки истечения трудовых договоров</h3>
     <table>
-      <tr><td>Действующие</td><td>247</td><td><span class="badge green">все активны</span></td></tr>
-      <tr><td>Срочные</td><td>18 (7.3%)</td><td><span class="badge blue">контроль</span></td></tr>
-      <tr><td>Истекают в июне</td><td>3</td><td><span class="badge orange">продлить!</span></td></tr>
-      <tr><td>Договоры ГПХ</td><td>12</td><td><span class="badge blue">активны</span></td></tr>
+      <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>