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>