обновил дизайн, добавил дашборд

frontend/admin/views/classrooms.html

@@ -1,6 +1,9 @@
 <!-- ===== Classrooms Tab ===== -->
 <div class="card create-card">
-    <h2>Новая аудитория</h2>
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; gap: 0.5rem;">
+        <h2 style="margin: 0;">Новая аудитория</h2>
+        <button type="button" class="btn-primary" id="btn-manage-equipments">Справочник оборудования</button>
+    </div>
     <form id="create-classroom-form">
         <div class="form-row">
             <div class="form-group">
@@ -106,4 +109,47 @@
             <div class="form-alert" id="edit-classroom-alert" role="alert"></div>
         </form>
     </div>
+</div>
+
+<!-- Модальное окно управления Оборудованием -->
+<div class="modal-overlay" id="modal-manage-equipments">
+    <div class="modal-content card" style="max-width: 600px; width: 90%;">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
+            <h2>Справочник оборудования</h2>
+            <button class="modal-close" id="modal-manage-equipments-close" style="position: static; font-size: 2rem; background: none; border: none; cursor: pointer; color: var(--text-secondary);">&times;</button>
+        </div>
+        
+        <!-- Форма добавления -->
+        <div class="card create-card" style="margin-bottom: 1.5rem; background: var(--bg-secondary);">
+            <h3 style="margin-top: 0;">Добавить оборудование</h3>
+            <form id="manage-equipment-form">
+                <div class="form-row" style="align-items: flex-end;">
+                    <div class="form-group" style="margin-bottom: 0;">
+                        <label for="manage-equipment-name">Название оборудования</label>
+                        <input type="text" id="manage-equipment-name" placeholder="Проектор" required>
+                    </div>
+                    <button type="submit" class="btn-primary" style="height: fit-content; margin-bottom: 0;">Добавить</button>
+                </div>
+                <div class="form-alert" id="manage-equipment-alert" role="alert"></div>
+            </form>
+        </div>
+
+        <!-- Таблица оборудования -->
+        <div class="table-wrap">
+            <table id="manage-equipments-table">
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>Название</th>
+                        <th>Действия</th>
+                    </tr>
+                </thead>
+                <tbody id="manage-equipments-tbody">
+                    <tr>
+                        <td colspan="3" class="loading-row">Загрузка...</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
 </div>