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/change_password.html

@@ -1,30 +1,16 @@
 <!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">
-    <div style="max-width:28rem;margin:0 auto;">
-        <h1 style="margin:0 0 0.5rem;font-size:1.5rem;font-weight:600;">Смена пароля</h1>
-        <p style="margin:0 0 1.5rem;font-size:0.875rem;color:var(--c-text-muted);">При первом входе пароль нужно сменить.</p>
-
-        <div th:if="${error}" style="margin-bottom:1rem;padding:0.75rem 1rem;border-radius:0.5rem;font-size:0.875rem;background:#fef2f2;color:#991b1b;"
-             th:text="${error}"></div>
-
-        <form class="card" style="padding:1.5rem;display:flex;flex-direction:column;gap:1rem;" th:action="@{/change-password}" method="post">
-            <div>
-                <label class="label" for="old">Текущий пароль</label>
-                <input class="input" id="old" name="old" type="password" required>
-            </div>
-            <div>
-                <label class="label" for="new">Новый пароль</label>
-                <input class="input" id="new" name="new" type="password" required>
-                <p style="margin-top:0.25rem;font-size:0.75rem;color:var(--c-text-muted);">Минимум 8 символов.</p>
-            </div>
-            <div>
-                <label class="label" for="new2">Повторите новый пароль</label>
-                <input class="input" id="new2" name="new2" type="password" required>
-            </div>
+    <div class="container-sm">
+        <h1 class="page-title">Смена пароля</h1>
+        <p class="text-sm text-muted mb-4">При первом входе пароль нужно сменить.</p>
+        <div th:if="${error}" class="alert alert-error" th:text="${error}"></div>
+        <form class="card form-card form-stack" th:action="@{/change-password}" method="post">
+            <div><label class="label" for="old">Текущий пароль</label><input class="input" id="old" name="old" type="password" required></div>
+            <div><label class="label" for="new">Новый пароль</label><input class="input" id="new" name="new" type="password" required><p class="hint">Минимум 8 символов.</p></div>
+            <div><label class="label" for="new2">Повторите новый пароль</label><input class="input" id="new2" name="new2" type="password" required></div>
             <button class="btn btn-primary" type="submit">Сохранить</button>
         </form>
     </div>