Refactor web UI: CSS classes only, no inline styles; fix footer; add full lab1.zip

- Replace all inline style= with reusable CSS classes
- Add layout classes: page, page-header, page-main, page-footer
- Fix footer at bottom via flex column + flex:1 on main
- Remove jsessionid from static resource URLs
- Create lab1-full.zip with 30 variants from PDF metodichka
- All templates use CSS var classes for light/dark theme

web/src/main/resources/templates/admin/dashboard.html

@@ -1,44 +1,25 @@
 <!DOCTYPE html>
-<html lang="ru" xmlns:th="http://www.thymeleaf.org"
-      th:replace="~{fragments/base :: layout(~{::title}, ~{::#content})}">
+<html lang="ru" xmlns:th="http://www.thymeleaf.org" th:replace="~{fragments/base :: layout(~{::title}, ~{::#content})}">
 <head><title>Панель — LMS</title></head>
 <body>
 <div id="content">
-    <h1 style="margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;">Панель преподавателя</h1>
-
-    <div style="display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));">
-        <div class="card" style="padding:1.5rem;">
-            <p style="font-size:0.875rem;color:var(--c-text-muted);margin:0;">Группы</p>
-            <p style="margin:0.5rem 0 0;font-size:1.875rem;font-weight:600;" th:text="${groupCount}">0</p>
-        </div>
-        <div class="card" style="padding:1.5rem;">
-            <p style="font-size:0.875rem;color:var(--c-text-muted);margin:0;">Студенты</p>
-            <p style="margin:0.5rem 0 0;font-size:1.875rem;font-weight:600;" th:text="${studentCount}">0</p>
-        </div>
-        <div class="card" style="padding:1.5rem;">
-            <p style="font-size:0.875rem;color:var(--c-text-muted);margin:0;">Лабораторные</p>
-            <p style="margin:0.5rem 0 0;font-size:1.875rem;font-weight:600;color:var(--c-text-muted);">скоро</p>
-        </div>
+    <h1 class="page-title">Панель преподавателя</h1>
+    <div class="grid grid-stats">
+        <div class="card card-body"><p class="stat-title">Группы</p><p class="stat-value" th:text="${groupCount}">0</p></div>
+        <div class="card card-body"><p class="stat-title">Студенты</p><p class="stat-value" th:text="${studentCount}">0</p></div>
+        <div class="card card-body"><p class="stat-title">Лабораторные</p><p class="stat-value text-muted">скоро</p></div>
     </div>
-
-    <div style="margin-top:2rem;">
-        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem;">
-            <h2 style="margin:0;font-size:1.125rem;font-weight:500;">Группы</h2>
-            <a th:href="@{/admin/groups}" style="font-size:0.875rem;">Все группы →</a>
+    <div class="mt-8">
+        <div class="flex items-center justify-between mb-4">
+            <h2 class="section-title">Группы</h2>
+            <a th:href="@{/admin/groups}" class="text-sm">Все группы →</a>
         </div>
-        <div class="card" style="padding:0;">
+        <div class="card card-flush">
             <table>
-                <thead>
-                <tr><th>Название</th><th>Студентов</th></tr>
-                </thead>
+                <thead><tr><th>Название</th><th>Студентов</th></tr></thead>
                 <tbody>
-                <tr th:each="group : ${groups}">
-                    <td><a th:href="@{/admin/groups/{id}(id=${group.id})}" th:text="${group.name}">—</a></td>
-                    <td th:text="${group.studentCount}">0</td>
-                </tr>
-                <tr th:if="${#lists.isEmpty(groups)}">
-                    <td colspan="2" style="text-align:center;color:var(--c-text-muted);padding:1.5rem;">Групп пока нет.</td>
-                </tr>
+                <tr th:each="group : ${groups}"><td><a th:href="@{/admin/groups/{id}(id=${group.id})}" th:text="${group.name}">—</a></td><td th:text="${group.studentCount}">0</td></tr>
+                <tr th:if="${#lists.isEmpty(groups)}"><td colspan="2" class="empty">Групп пока нет.</td></tr>
                 </tbody>
             </table>
         </div>