Перейти к содержимому

Изменения документа Home

Редактировал(а) root_xwiki 2025/10/29 08:16
От версии 5.1
отредактировано root_xwiki
на 2025/10/08 10:17
Изменить комментарий: К данной версии нет комментариев
К версии 3.1
отредактировано root_xwiki
на 2025/10/08 09:01
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,207 +1,254 @@
1 1  {{html clean="false" inline="true"}}
2 2  <div class="corporate-dashboard">
3 - <!-- Header: фон на всю ширину, контент в контейнере -->
4 - <header class="header-full">
5 - <div class="container header-content">
6 - <div class="header-row">
7 - <div class="header-logo">
8 - <img src="/bin/download/%D0%A2%D0%B5%D1%81%D1%82%20%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B9%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B/WebHome/tca.png" alt="Логотип TCAX" style="max-height: 60px; width: auto;">
3 + <!-- Header -->
4 + <header class="header text-white py-4 mb-5">
5 + <div class="container">
6 + <div class="row align-items-center">
7 + <div class="col-md-2 text-center">
8 + <img src="/bin/download/%D0%A2%D0%B5%D1%81%D1%82%20%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B9%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B/WebHome/tca.png" alt="Логотип TCAX" class="logo-img" style="max-height: 60px; width: auto;">
9 9   </div>
10 - <div class="header-text">
11 - <h1 style="margin: 0 0 0.25rem; font-size: 2rem; font-weight: bold; color: white;">ООО "Тверьспецавтохозяйство"</h1>
12 - <p style="margin: 0; font-size: 1.1rem; color: white; font-weight: 300;">Корпоративный портал инструкций и справочников</p>
10 + <div class="col-md-8 text-center">
11 + <h1 class="mb-1 fw-bold">ООО "Тверьспецавтохозяйство"</h1>
12 + <p class="lead mb-0">Корпоративный портал инструкций и справочников</p>
13 13   </div>
14 + <div class="col-md-2"></div>
14 14   </div>
15 15   </div>
16 16   </header>
17 17  
18 18   <!-- Сетка карточек -->
19 - <main class="container main-content">
20 - <div class="cards-row">
20 + <main class="container my-5">
21 + <div class="row justify-content-center">
21 21   <!-- Служба охраны труда -->
22 - <div class="card-col">
23 - <div class="dept-card">
24 - <div class="card-body-center">
25 - <div class="icon-circle icon-blue">
23 + <div class="col-lg-4 col-md-6 mb-4">
24 + <div class="card h-100 shadow-sm border-0 rounded-3 card-hover">
25 + <div class="card-body text-center p-4 d-flex flex-column align-items-center">
26 + <div class="icon-wrapper mb-3 rounded-circle bg-primary bg-opacity-10 p-3">
26 26   <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDA3YmZmIiBkPSJNNDgwIDI4OEMzMjAgMjU2IDE5MiAyNTYgMzIgMjg4Vjk2YzAtMzUuMyAyOC43LTY0IDY0LTY0aDMyMGMzNS4zIDAgNjQgMjguNyA2NCA2NHYxOTJ6TTMyIDMyMFY0MTZjMCAxNy43IDE0LjMgMzIgMzIgMzJoMzg0YzE3LjcgMCAzMi0xNC4zIDMyLTMyVjMyMGMtMTYwLTMyLTI4OC0zMi00NDggMHpNMzIwIDk2VjY0YzAtMzUuMy0yOC43LTY0LTY0LTY0cy02NCAyOC43LTY0IDY0djMyaDEyOHptLTY0IDMyYy0xNy43IDAtMzItMTQuMy0zMi0zMlY2NGMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMydjMyYzAgMTcuNy0xNC4zIDMyLTMyIDMyeiIvPjwvc3ZnPg==" alt="Каска" style="width: 48px; height: 48px;">
27 27   </div>
28 - <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">Служба охраны труда</h3>
29 - <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Инструкции по безопасности, нормам охраны труда и профилактике рисков на производстве.</p>
30 - <a href="/bin/view/%D0%A1%D0%BB%D1%83%D0%B6%D0%B1%D0%B0%20%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D1%8B%20%D1%82%D1%80%D1%83%D0%B4%D0%B0" class="btn-dept btn-blue">Открыть инструкции</a>
29 + <h3 class="h4 fw-semibold text-dark mb-2">Служба охраны труда</h3>
30 + <p class="text-muted mb-3 flex-grow-1">Инструкции по безопасности, нормам охраны труда и профилактике рисков на производстве.</p>
31 + <a href="/bin/view/%D0%A1%D0%BB%D1%83%D0%B6%D0%B1%D0%B0%20%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D1%8B%20%D1%82%D1%80%D1%83%D0%B4%D0%B0" class="btn btn-primary rounded-pill px-4 py-2">
32 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzUyIDM1MmMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNEgzMmMtMTMuMyAwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCAyNC0yNGgzMjB6bS03LjgtMTc2TDIyNC4xIDI5NS45Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMEw1OC43IDE3NS45Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE5MiAyMTguN1YzMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMyVjIxOC43bDg3LjktODcuOWMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHMxMi41IDMyLjggMCA0NS4zeiIvPjwvc3ZnPg==" alt="Стрелка" style="width: 14px; height: 14px; margin-right: 0.5rem;">Открыть инструкции
33 + </a>
31 31   </div>
32 32   </div>
33 33   </div>
34 34  
35 35   <!-- Отдел персонала -->
36 - <div class="card-col">
37 - <div class="dept-card">
38 - <div class="card-body-center">
39 - <div class="icon-circle icon-green">
39 + <div class="col-lg-4 col-md-6 mb-4">
40 + <div class="card h-100 shadow-sm border-0 rounded-3 card-hover">
41 + <div class="card-body text-center p-4 d-flex flex-column align-items-center">
42 + <div class="icon-wrapper mb-3 rounded-circle bg-success bg-opacity-10 p-3">
40 40   <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjMjhhNzQ1IiBkPSJNMTQ0IDBhODAgODAgMCAxIDEgMCAxNjBBODAgODAgMCAxIDEgMTQ0IDB6TTUxMiAwYTgwIDgwIDAgMSAxIDAgMTYwQTgwIDgwIDAgMSAxIDUxMiAwek0wIDI5OC43QzAgMjM5LjggNDcuOCAxOTIgMTA2LjcgMTkyaDQyLjdjMTUuOSAwIDMxIDMuNSA0NC42IDkuNy0xLjMgNy4yLTEuOSAxNC43LTEuOSAyMi4zYzAgMzguMiAxNi44IDcyLjUgNDMuMyA5NmMtLjIgMC0uNCAwLS43IDBIMjEuM0M5LjYgMzIwIDAgMzEwLjQgMCAyOTguN3pNNDA1LjMgMzIwYy0uMiAwLS40IDAtLjcgMGMyNi42LTIzLjUgNDMuMy01Ny44IDQzLjMtOTZjMC03LjYtLjctMTUtMS45LTIyLjNjMTMuNi02LjMgMjguNy05LjcgNDQuNi05LjdoNDIuN0M1OTIuMiAxOTIgNjQwIDIzOS44IDY0MCAyOTguN2MwIDExLjgtOS42IDIxLjMtMjEuMyAyMS4zSDQwNS4zek0yMjQgMjI0YTk2IDk2IDAgMSAxIDE5MiAwIDk2IDk2IDAgMSAxIC0xOTIgMHpNMTI4IDQ4NS4zQzEyOCA0MTEuNyAxODcuNyAzNTIgMjYxLjMgMzUySDM3OC43QzQ1Mi4zIDM1MiA1MTIgNDExLjcgNTEyIDQ4NS4zYzAgMTQuNy0xMS45IDI2LjctMjYuNyAyNi43SDE1NC43Yy0xNC43IDAtMjYuNy0xMS45LTI2LjctMjYuN3oiLz48L3N2Zz4=" alt="Пользователи" style="width: 48px; height: 48px;">
41 41   </div>
42 - <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">Отдел планирования и развития персонала</h3>
43 - <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Руководства по кадровому планированию, обучению и развитию сотрудников.</p>
44 - <a href="/bin/view/%D0%9E%D1%82%D0%B4%D0%B5%D0%BB%20%D0%BF%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D0%B0" class="btn-dept btn-green">Открыть инструкции</a>
45 + <h3 class="h4 fw-semibold text-dark mb-2">Отдел планирования и развития персонала</h3>
46 + <p class="text-muted mb-3 flex-grow-1">Руководства по кадровому планированию, обучению и развитию сотрудников.</p>
47 + <a href="/bin/view/%D0%9E%D1%82%D0%B4%D0%B5%D0%BB%20%D0%BF%D0%B5%D1%80%D1%81%D0%BE%D0%BD%D0%B0%D0%BB%D0%B0" class="btn btn-success rounded-pill px-4 py-2">
48 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzUyIDM1MmMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNEgzMmMtMTMuMyAwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCAyNC0yNGgzMjB6bS03LjgtMTc2TDIyNC4xIDI5NS45Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMEw1OC43IDE3NS45Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE5MiAyMTguN1YzMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMyVjIxOC43bDg3LjktODcuOWMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHMxMi41IDMyLjggMCA0NS4zeiIvPjwvc3ZnPg==" alt="Стрелка" style="width: 14px; height: 14px; margin-right: 0.5rem;">Открыть инструкции
49 + </a>
45 45   </div>
46 46   </div>
47 47   </div>
48 48  
49 49   <!-- IT отдел -->
50 - <div class="card-col">
51 - <div class="dept-card">
52 - <div class="card-body-center">
53 - <div class="icon-circle icon-cyan">
55 + <div class="col-lg-4 col-md-6 mb-4">
56 + <div class="card h-100 shadow-sm border-0 rounded-3 card-hover">
57 + <div class="card-body text-center p-4 d-flex flex-column align-items-center">
58 + <div class="icon-wrapper mb-3 rounded-circle bg-info bg-opacity-10 p-3">
54 54   <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMzg0IDk2VjMyMEg2NEw2NCA5NkgzODR6TTY0IDMyQzI4LjcgMzIgMCA2MC43IDAgOTZWMzIwYzAgMzUuMyAyOC43IDY0IDY0IDY0SDE4MS4zbC0xMC43IDMySDE5NmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMkgzNTJjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJIMjc3LjNsLTEwLjctMzJIMzg0YzM1LjMgMCA2NC0yOC43IDY0LTY0Vjk2YzAtMzUuMy0yOC43LTY0LTY0LTY0SDY0em00NjQgMGMtMjYuNSAwLTQ4IDIxLjUtNDggNDhWNDMyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDY0YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjgwYzAtMjYuNS0yMS41LTQ4LTQ4LTQ4SDUyOHptMTYgNjRoMzJjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZINTQ0Yy04LjggMC0xNi03LjItMTYtMTZzNy4yLTE2IDE2LTE2em0tMTYgODBjMC04LjggNy4yLTE2IDE2LTE2aDMyYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2SDU0NGMtOC44IDAtMTYtNy4yLTE2LTE2em0xNiA0OGgzMmM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNkg1NDRjLTguOCAwLTE2LTcuMi0xNi0xNnM3LjItMTYgMTYtMTZ6Ii8+PC9zdmc+" alt="Ноутбук" style="width: 48px; height: 48px;">
55 55   </div>
56 - <h3 style="font-size: 1.3rem; font-weight: 600; color: #333; margin: 1rem 0 0.75rem;">IT отдел</h3>
57 - <p style="font-size: 0.95rem; color: #6c757d; margin-bottom: 1.5rem; flex-grow: 1;">Инструкции по IT-политикам, настройке оборудования и поддержке систем.</p>
58 - <a href="/bin/view/%D0%98%D0%A2%20%D0%9E%D1%82%D0%B4%D0%B5%D0%BB" class="btn-dept btn-cyan">Открыть инструкции</a>
61 + <h3 class="h4 fw-semibold text-dark mb-2">IT отдел</h3>
62 + <p class="text-muted mb-3 flex-grow-1">Инструкции по IT-политикам, настройке оборудования и поддержке систем.</p>
63 + <a href="/bin/view/%D0%98%D0%A2%20%D0%9E%D1%82%D0%B4%D0%B5%D0%BB" class="btn btn-info rounded-pill px-4 py-2">
64 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzUyIDM1MmMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNEgzMmMtMTMuMyAwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCAyNC0yNGgzMjB6bS03LjgtMTc2TDIyNC4xIDI5NS45Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMEw1OC43IDE3NS45Yy0xMi41LTEyLjUtMTIuNS0zMi44IDAtNDUuM3MzMi44LTEyLjUgNDUuMyAwTDE5MiAyMTguN1YzMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMyVjIxOC43bDg3LjktODcuOWMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMHMxMi41IDMyLjggMCA0NS4zeiIvPjwvc3ZnPg==" alt="Стрелка" style="width: 14px; height: 14px; margin-right: 0.5rem;">Открыть инструкции
65 + </a>
59 59   </div>
60 60   </div>
61 61   </div>
62 62   </div>
63 63  
64 - <!-- Секция помощи -->
65 - <div class="help-section">
66 - <h4 style="color: #007bff; font-size: 1.4rem; margin-bottom: 1rem;">Нужна помощь?</h4>
67 - <p style="color: #6c757d; margin-bottom: 1.5rem;">Свяжитесь с ответственным за подразделение или администратором XWiki для обновления инструкций.</p>
68 - <a href="/bin/view/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" class="btn-help">Связаться с поддержкой</a>
71 + <!-- Нижняя секция -->
72 + <div class="text-center mt-5 p-4 bg-light rounded-3">
73 + <h4 class="text-primary mb-3">Нужна помощь?</h4>
74 + <p class="text-muted">Свяжитесь с ответственным за подразделение или администратором XWiki для обновления инструкций.</p>
75 + <a href="/bin/view/%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B" class="btn btn-outline-primary rounded-pill px-4 py-2">Связаться с поддержкой</a>
69 69   </div>
70 70   </main>
71 71  
72 - <!-- Footer: фон на всю ширину, контент в контейнере -->
73 - <footer class="footer-full">
74 - <div class="container footer-content">
75 - <p style="margin: 0; color: white;">&copy; 2025 ООО "Тверьспецавтохозяйство". Все права защищены. Разработано для внутреннего использования.</p>
79 + <!-- Footer -->
80 + <footer class="bg-dark text-white py-3 mt-5">
81 + <div class="container text-center">
82 + <p class="mb-0">&copy; 2025 ООО "Тверьспецавтохозяйство". Все права защищены. Разработано для внутреннего использования.</p>
76 76   </div>
77 77   </footer>
78 78  </div>
79 79  
87 +<!-- Стили -->
80 80  <style>
81 - * { box-sizing: border-box; }
82 - body { margin: 0; background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, sans-serif; }
83 -
84 - /* Header: зелёный фон на всю ширину */
85 - .header-full {
86 - background: linear-gradient(135deg, #00A651, #28A745);
87 - width: 100%;
88 - padding: 2rem 0;
89 - margin-bottom: 3rem;
89 + * { box-sizing: border-box; margin: 0; padding: 0; }
90 + :root {
91 + --primary-green: #00A651;
92 + --secondary-green: #28A745;
93 + --bg-light: #F8F9FA;
94 + --text-dark: #333333;
95 + --card-border: #E9ECEF;
90 90   }
97 + body {
98 + background-color: var(--bg-light);
99 + color: var(--text-dark);
100 + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
101 + }
102 + .header {
103 + background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));
104 + box-shadow: 0 2px 4px rgba(0,0,0,0.1);
105 + }
91 91   .container {
92 92   max-width: 1200px;
93 93   margin: 0 auto;
94 94   padding: 0 15px;
95 95   }
96 - .header-row {
111 + .row {
97 97   display: flex;
98 - align-items: center;
99 - justify-content: center;
100 - gap: 2rem;
101 - }
102 - .header-logo { flex-shrink: 0; }
103 - .header-text { text-align: center; }
104 -
105 - /* Карточки отделов */
106 - .main-content { margin: 3rem auto; }
107 - .cards-row {
108 - display: flex;
109 109   flex-wrap: wrap;
110 - gap: 1.5rem;
114 + margin: 0 -15px;
111 111   justify-content: center;
112 - margin-bottom: 3rem;
113 113   }
114 - .card-col {
115 - flex: 0 0 calc(33.333% - 1rem);
116 - max-width: calc(33.333% - 1rem);
117 + .align-items-center {
118 + align-items: center;
117 117   }
118 - .dept-card {
120 + .col-lg-4 {
121 + flex: 0 0 33.3333%;
122 + max-width: 33.3333%;
123 + padding: 0 15px;
124 + }
125 + .col-md-6 {
126 + flex: 0 0 50%;
127 + max-width: 50%;
128 + padding: 0 15px;
129 + }
130 + .col-md-8 {
131 + flex: 0 0 66.6667%;
132 + max-width: 66.6667%;
133 + padding: 0 15px;
134 + }
135 + .col-md-2 {
136 + flex: 0 0 16.6667%;
137 + max-width: 16.6667%;
138 + padding: 0 15px;
139 + }
140 + .card {
119 119   background: white;
120 - border: 1px solid #e9ecef;
142 + border: 1px solid var(--card-border);
121 121   border-radius: 0.5rem;
122 - padding: 2rem 1.5rem;
123 - box-shadow: 0 2px 4px rgba(0,0,0,0.075);
124 - transition: transform 0.3s, box-shadow 0.3s;
144 + width: 100%;
125 125   height: 100%;
126 126   }
127 - .dept-card:hover {
147 + .card-hover {
148 + transition: transform 0.3s ease, box-shadow 0.3s ease;
149 + }
150 + .card-hover:hover {
128 128   transform: translateY(-8px);
129 - box-shadow: 0 12px 30px rgba(0,166,81,0.2);
152 + box-shadow: 0 12px 30px rgba(0, 166, 81, 0.2);
130 130   }
131 - .card-body-center {
132 - display: flex;
133 - flex-direction: column;
134 - align-items: center;
135 - text-align: center;
136 - height: 100%;
137 - }
138 - .icon-circle {
154 + .icon-wrapper {
139 139   width: 90px;
140 140   height: 90px;
141 - border-radius: 50%;
157 + border: 2px solid rgba(0, 166, 81, 0.15);
142 142   display: flex;
143 143   align-items: center;
144 144   justify-content: center;
145 - border: 2px solid rgba(0,166,81,0.15);
146 146   }
147 - .icon-blue { background-color: rgba(0,123,255,0.1); }
148 - .icon-green { background-color: rgba(40,167,69,0.1); }
149 - .icon-cyan { background-color: rgba(23,162,184,0.1); }
150 -
151 - .btn-dept {
152 - display: inline-block;
153 - padding: 0.6rem 1.8rem;
162 + .bg-primary { background-color: rgba(0, 123, 255, 0.1) !important; }
163 + .bg-success { background-color: rgba(40, 167, 69, 0.1) !important; }
164 + .bg-info { background-color: rgba(23, 162, 184, 0.1) !important; }
165 + .btn {
166 + display: inline-flex;
167 + align-items: center;
168 + justify-content: center;
169 + padding: 0.5rem 1.5rem;
170 + border: none;
154 154   border-radius: 50rem;
155 - color: white;
156 - text-decoration: none;
172 + font-size: 1rem;
157 157   font-weight: 500;
158 - transition: all 0.3s;
174 + text-decoration: none;
175 + transition: all 0.3s ease;
176 + cursor: pointer;
159 159   }
160 - .btn-blue { background-color: #007bff; }
161 - .btn-green { background-color: #28a745; }
162 - .btn-cyan { background-color: #17a2b8; }
163 - .btn-dept:hover { opacity: 0.9; transform: scale(1.05); }
164 -
165 - /* Секция помощи */
166 - .help-section {
167 - text-align: center;
168 - background-color: #f8f9fa;
169 - padding: 2.5rem 2rem;
170 - border-radius: 0.5rem;
171 - border: 1px solid #e9ecef;
178 + .btn-primary {
179 + background-color: #007bff;
180 + color: white;
172 172   }
173 - .btn-help {
174 - display: inline-block;
175 - padding: 0.6rem 1.8rem;
176 - border-radius: 50rem;
182 + .btn-success {
183 + background-color: #28a745;
184 + color: white;
185 + }
186 + .btn-info {
187 + background-color: #17a2b8;
188 + color: white;
189 + }
190 + .btn-outline-primary {
191 + background-color: transparent;
177 177   color: #007bff;
178 178   border: 2px solid #007bff;
179 - background-color: transparent;
180 - text-decoration: none;
181 - font-weight: 500;
182 - transition: all 0.3s;
183 183   }
184 - .btn-help:hover { background-color: #007bff; color: white; }
185 -
186 - /* Footer: чёрный фон на всю ширину */
187 - .footer-full {
188 - background-color: #212529;
189 - width: 100%;
190 - padding: 1.5rem 0;
191 - margin-top: 3rem;
195 + .btn:hover {
196 + opacity: 0.9;
197 + transform: scale(1.05);
192 192   }
193 - .footer-content { text-align: center; }
199 + .h-100 { height: 100%; }
200 + .d-flex { display: flex; }
201 + .flex-column { flex-direction: column; }
202 + .text-center { text-align: center; }
203 + .text-white { color: white; }
204 + .text-dark { color: var(--text-dark); }
205 + .text-muted { color: #6c757d; }
206 + .text-primary { color: #007bff; }
207 + .fw-bold { font-weight: bold; }
208 + .fw-semibold { font-weight: 600; }
209 + .lead { font-size: 1.25rem; font-weight: 300; }
210 + .h4 { font-size: 1.4rem; margin: 0; }
211 + .mb-0 { margin-bottom: 0; }
212 + .mb-1 { margin-bottom: 0.25rem; }
213 + .mb-2 { margin-bottom: 0.5rem; }
214 + .mb-3 { margin-bottom: 1rem; }
215 + .mb-4 { margin-bottom: 1.5rem; }
216 + .mb-5 { margin-bottom: 3rem; }
217 + .my-5 { margin: 3rem 0; }
218 + .mt-5 { margin-top: 3rem; }
219 + .py-4 { padding: 1.5rem 0; }
220 + .py-2 { padding: 0.5rem 0; }
221 + .py-3 { padding: 1rem 0; }
222 + .p-4 { padding: 1.5rem; }
223 + .px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
224 + .card-body { padding: 1.5rem; }
225 + .flex-grow-1 { flex-grow: 1; }
226 + .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075); }
227 + .rounded-3 { border-radius: 0.5rem; }
228 + .rounded-circle { border-radius: 50%; }
229 + .rounded-pill { border-radius: 50rem; }
230 + .border-0 { border: none; }
231 + .bg-light { background-color: #f8f9fa; }
232 + .bg-dark { background-color: #212529; }
233 + .logo-img { max-width: 100%; height: auto; }
194 194  
195 - /* Адаптивность */
196 196   @media (max-width: 1200px) {
197 - .card-col { flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); }
236 + .col-lg-4 { flex: 0 0 50%; max-width: 50%; }
198 198   }
199 199   @media (max-width: 768px) {
200 - .card-col { flex: 0 0 100%; max-width: 100%; }
201 - .header-row { flex-direction: column; gap: 1rem; }
202 - .header-text h1 { font-size: 1.5rem; }
203 - .dept-card { padding: 1.5rem 1rem; }
239 + .row { margin: 0; justify-content: center; }
240 + .col-lg-4, .col-md-6, .col-md-8, .col-md-2 {
241 + flex: 0 0 100%;
242 + max-width: 100%;
243 + padding: 0 10px;
244 + margin-bottom: 1rem;
245 + }
246 + .container { padding: 0 10px; }
247 + .header h1 { font-size: 1.5rem; }
248 + .lead { font-size: 1rem; }
249 + .card-body { padding: 1rem; }
250 + .icon-wrapper { width: 75px; height: 75px; }
251 + .btn { width: 100%; }
204 204   }
205 205  </style>
206 206  {{/html}}
207 -