diff --git a/index.html b/index.html index 8977b7f..baa6080 100644 --- a/index.html +++ b/index.html @@ -592,6 +592,232 @@ body { .bar-label { font-size: 13px; } .chart-header { flex-direction: column; gap: 16px; align-items: flex-start; } .chart-summary { grid-template-columns: 1fr; } + .report-grid { grid-template-columns: 1fr; } + .social-grid { grid-template-columns: 1fr; } +} + +/* Social-labor section */ +.social-section { + background: linear-gradient(180deg, rgba(255,176,32,0.04) 0%, transparent 100%); +} + +.social-label { + font-size: 13px; + font-weight: 700; + letter-spacing: 0.12em; + text-transform: uppercase; + color: var(--amber); + margin-bottom: 16px; +} + +.social-focus { + display: inline-block; + font-size: 14px; + font-weight: 700; + color: var(--amber); + background: rgba(255,176,32,0.1); + border: 1px solid rgba(255,176,32,0.2); + padding: 6px 16px; + border-radius: 6px; + margin-bottom: 32px; +} + +.social-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + margin-bottom: 32px; +} + +.social-card { + background: rgba(255,255,255,0.03); + border: 1px solid rgba(255,255,255,0.06); + border-left: 3px solid var(--amber); + border-radius: 0 12px 12px 0; + padding: 28px; +} + +.social-card h3 { + font-size: 18px; + font-weight: 700; + margin-bottom: 8px; +} + +.social-card p { + font-size: 14px; + color: #9aa3b2; + line-height: 1.6; +} + +.social-card .metric { + font-size: 28px; + font-weight: 800; + color: var(--amber); + margin-bottom: 8px; +} + +/* Daily report section */ +.report-section { + background: linear-gradient(180deg, rgba(0,229,255,0.03) 0%, transparent 100%); +} + +.report-label { + font-size: 13px; + font-weight: 700; + letter-spacing: 0.12em; + text-transform: uppercase; + color: var(--cyan); + margin-bottom: 16px; +} + +.report-card { + background: rgba(255,255,255,0.03); + border: 1px solid rgba(255,255,255,0.08); + border-radius: 16px; + overflow: hidden; +} + +.report-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 24px 28px; + border-bottom: 1px solid rgba(255,255,255,0.06); + flex-wrap: wrap; + gap: 12px; +} + +.report-date { + font-size: 20px; + font-weight: 700; +} + +.report-date span { + color: var(--cyan); + margin-left: 8px; + font-size: 14px; + font-weight: 600; +} + +.report-meta { + display: flex; + gap: 24px; + font-size: 13px; + color: #9aa3b2; +} + +.report-meta strong { + color: var(--white); +} + +.report-body { + padding: 24px 28px; +} + +.report-section-title { + font-size: 14px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.08em; + color: var(--cyan); + margin-bottom: 16px; + margin-top: 24px; +} + +.report-section-title:first-child { + margin-top: 0; +} + +.report-signal { + display: grid; + grid-template-columns: auto 1fr auto; + gap: 16px; + align-items: flex-start; + padding: 16px 0; + border-bottom: 1px solid rgba(255,255,255,0.04); +} + +.report-signal:last-child { + border-bottom: none; +} + +.signal-dot { + width: 10px; + height: 10px; + border-radius: 50%; + margin-top: 6px; + flex-shrink: 0; +} + +.signal-dot.critical { background: var(--red); box-shadow: 0 0 8px rgba(255,77,90,0.4); } +.signal-dot.high { background: var(--amber); box-shadow: 0 0 8px rgba(255,176,32,0.4); } +.signal-dot.moderate { background: var(--green); } + +.signal-body h4 { + font-size: 16px; + font-weight: 600; + margin-bottom: 4px; +} + +.signal-body p { + font-size: 14px; + color: #9aa3b2; + line-height: 1.5; +} + +.signal-body .source { + font-size: 12px; + color: #5B6573; + margin-top: 4px; +} + +.signal-badge { + font-size: 11px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 0.06em; + padding: 3px 10px; + border-radius: 4px; + white-space: nowrap; +} + +.signal-badge.critical { background: rgba(255,77,90,0.15); color: var(--red); } +.signal-badge.high { background: rgba(255,176,32,0.15); color: var(--amber); } +.signal-badge.moderate { background: rgba(52,211,153,0.15); color: var(--green); } + +.report-summary-row { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 16px; + margin-top: 24px; +} + +.report-stat { + background: rgba(255,255,255,0.03); + border-radius: 10px; + padding: 18px; + text-align: center; +} + +.report-stat .big { + font-size: 28px; + font-weight: 800; +} + +.report-stat .big.red { color: var(--red); } +.report-stat .big.amber { color: var(--amber); } +.report-stat .big.green { color: var(--green); } + +.report-stat .sm { + font-size: 13px; + color: #9aa3b2; + margin-top: 2px; +} + +@media (max-width: 768px) { + .report-signal { grid-template-columns: auto 1fr; } + .signal-badge { grid-column: 2; justify-self: start; } + .report-summary-row { grid-template-columns: 1fr; } } @@ -603,9 +829,9 @@ body {
Полный анализ СМИ, сводок и законодательства. Выявление рисков для принятия превентивных мер.
+Особый фокус — социально-трудовые отношения: протесты, забастовки, коллективные споры, условия труда.
Аналитика по всем портфельным компаниям фонда — от нефтегазового сектора до логистики и энергетики.
- Оставить заявку + Сводка за сегодня График рисков @@ -788,6 +1014,212 @@ body { + +Реальные и смоделированные сигналы для демонстрации формата отчёта.
+ +Водители КазТрансОйл требуют пересмотра условий оплаты. 40+ человек не вышли на смену. Профсоюз направил обращение в головной офис.
+Около 30 работников рудника выразили недовольство сокращением премий. Подана коллективная жалоба в госинспекцию труда.
+Отраслевой профсоюз железнодорожников подал требование о 15%-ной индексации. Назначена встреча с руководством на 3 июня.
+Объявлено о плановом сокращении 120 почтовых отделений. Высвобождение ~300 сотрудников до конца года.
+Министерство труда утвердило график внеплановых проверок на II полугодие 2026 г. Под проверку попадают 8 предприятий группы.
+Мажилис одобрил в первом чтении изменения, касающиеся вахтового метода работы. Затрагивает нефтяные и горные предприятия.
+Статья о разрыве зарплат между топ-менеджментом и рабочими. Активно обсуждается в соцсетях — 2 400+ репостов.
+Экоактивисты сообщают о разливе нефти в Атырауской области. Видео в соцсетях — 15 000 просмотров. Реакция госорганов ожидается.
+Антикоррупционная служба сообщила о задержании двух руководителей среднего звена. Расследование по факту хищений.
+Официально объявлено о назначении нового председателя. Прежний руководитель покидает пост в связи с переходом на другую должность.
+
Социально-трудовые отношения
+Приоритетное направление мониторинга — раннее выявление напряжённости в трудовых коллективах.
+ +Сигналов напряжённости
+За последние 30 дней зафиксировано по группе компаний. Рост на 27% к предыдущему периоду.
+Пороговых событий
+Забастовки, коллективные жалобы, разбирательства с профсоюзами — требующие немедленной реакции.
+Сектора в зоне риска
+Нефтегазовый, горнодобывающая промышленность и транспорт — основная концентрация сигналов.
+Связано с оплатой труда
+Большинство сигналов вызвано задержками зарплат, сокращениями премий и пересмотром условий.
+24/7
+Мониторинг соцсетей и новостей
+< 2 часов
+От сигнала до оповещения
+3 уровня
+Эскалации реагирования
+