From c47e3afedafaaffbc5959849441dcecfd3cfd1dc Mon Sep 17 00:00:00 2001 From: Kadyrbek Igizbayev Date: Mon, 1 Jun 2026 05:08:22 +0000 Subject: [PATCH] =?UTF-8?q?v3:=20=D0=B3=D1=80=D0=B0=D1=84=D0=B8=D0=BA=20?= =?UTF-8?q?=D0=BE=D1=86=D0=B5=D0=BD=D0=BA=D0=B8=20=D1=83=D1=80=D0=BE=D0=B2?= =?UTF-8?q?=D0=BD=D1=8F=20=D1=80=D0=B8=D1=81=D0=BA=D0=BE=D0=B2=20=D0=BF?= =?UTF-8?q?=D0=BE=20=D1=81=D0=B5=D0=BA=D1=82=D0=BE=D1=80=D0=B0=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 224 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 223 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index fccd4f2..8977b7f 100644 --- a/index.html +++ b/index.html @@ -455,6 +455,144 @@ body { @media (max-width: 480px) { .btn-outline { display: block; } } + +/* Chart section */ +.chart-label { + font-size: 13px; + font-weight: 700; + letter-spacing: 0.12em; + text-transform: uppercase; + color: var(--amber); + margin-bottom: 16px; +} + +.chart-header { + display: flex; + justify-content: space-between; + align-items: flex-end; + margin-bottom: 32px; +} + +.chart-legend { + display: flex; + gap: 16px; + flex-wrap: wrap; +} + +.legend-item { + display: flex; + align-items: center; + gap: 6px; + font-size: 13px; + color: #9aa3b2; +} + +.legend-dot { + width: 10px; + height: 10px; + border-radius: 3px; +} + +.legend-dot.critical { background: var(--red); } +.legend-dot.high { background: var(--amber); } +.legend-dot.moderate { background: var(--green); } + +.chart-bars { + display: flex; + flex-direction: column; + gap: 18px; + margin-bottom: 32px; +} + +.bar-row { + display: grid; + grid-template-columns: 200px 1fr 60px; + align-items: center; + gap: 16px; +} + +.bar-label { + font-size: 15px; + font-weight: 600; + text-align: right; + white-space: nowrap; +} + +.bar-track { + position: relative; + height: 28px; + background: rgba(255,255,255,0.04); + border-radius: 6px; + overflow: hidden; + border: 1px solid rgba(255,255,255,0.06); +} + +.bar-fill { + height: 100%; + border-radius: 6px; + transition: width 1.5s cubic-bezier(0.22, 0.61, 0.36, 1); + position: relative; +} + +.bar-fill.critical { background: linear-gradient(90deg, var(--red), #ff6b75); } +.bar-fill.high { background: linear-gradient(90deg, var(--amber), #ffc448); } +.bar-fill.moderate { background: linear-gradient(90deg, var(--green), #5ee6b3); } + +.bar-fill::after { + content: ''; + position: absolute; + top: 0; right: 0; + width: 4px; height: 100%; + background: rgba(255,255,255,0.3); + border-radius: 0 6px 6px 0; +} + +.bar-value { + font-size: 14px; + font-weight: 700; + font-variant-numeric: tabular-nums; +} + +.bar-value.critical { color: var(--red); } +.bar-value.high { color: var(--amber); } +.bar-value.moderate { color: var(--green); } + +.chart-summary { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 16px; +} + +.summary-card { + background: rgba(255,255,255,0.03); + border: 1px solid rgba(255,255,255,0.06); + border-radius: 12px; + padding: 24px; + text-align: center; +} + +.summary-card .num { + font-size: 36px; + font-weight: 800; + line-height: 1.1; + margin-bottom: 4px; +} + +.summary-card .num.critical { color: var(--red); } +.summary-card .num.high { color: var(--amber); } +.summary-card .num.moderate { color: var(--green); } + +.summary-card .desc { + font-size: 13px; + color: #9aa3b2; +} + +@media (max-width: 768px) { + .bar-row { grid-template-columns: 120px 1fr 44px; gap: 10px; } + .bar-label { font-size: 13px; } + .chart-header { flex-direction: column; gap: 16px; align-items: flex-start; } + .chart-summary { grid-template-columns: 1fr; } +} @@ -468,7 +606,7 @@ body {

Полный анализ СМИ, сводок и законодательства. Выявление рисков для принятия превентивных мер.

Аналитика по всем портфельным компаниям фонда — от нефтегазового сектора до логистики и энергетики.

Оставить заявку - Категории компаний + График рисков @@ -587,6 +725,69 @@ body { + +
+
+
Оценка уровня рисков
+
+

Индекс риска по секторам

+
+
Критический (≥75%)
+
Высокий (50–74%)
+
Умеренный (<50%)
+
+
+ +
+
+
Химия и пром.
+
+
85%
+
+
+
Нефтегазовый
+
+
78%
+
+
+
Горнодобывающая
+
+
75%
+
+
+
Энергетика
+
+
71%
+
+
+
Транспорт и логистика
+
+
62%
+
+
+
Телекоммуникации
+
+
45%
+
+
+ +
+
+
3
+
Сектора с критическим уровнем
+
+
+
2
+
Сектора с высоким уровнем
+
+
+
1
+
Сектор с умеренным уровнем
+
+
+
+
+
@@ -635,5 +836,26 @@ body { Сводка © 2026 — мониторинг АО «Самрук-Казына» +