feat(branding): system name/logo, horizontal logo on all pages

public/settings.html

@@ -20,6 +20,7 @@
     <div class="settings-layout">
       <aside class="settings-nav" id="settingsNav">
         <a href="#sec-system" data-nav="sec-system" class="active"><i data-lucide="bar-chart-3"></i> Система</a>
+        <a href="#sec-brand" data-nav="sec-brand"><i data-lucide="palette"></i> Брендинг</a>
         <a href="#sec-antispam" data-nav="sec-antispam"><i data-lucide="shield"></i> Антиспам</a>
         <a href="#sec-share" data-nav="sec-share"><i data-lucide="link"></i> Публичные ссылки</a>
         <a href="#sec-form" data-nav="sec-form"><i data-lucide="file-text"></i> Форма ответа</a>
@@ -42,6 +43,36 @@
         </div>
       </div>
 
+      <div class="settings-card" id="sec-brand">
+        <div class="card-head">
+          <div class="ic"><i data-lucide="palette"></i></div>
+          <h3>Брендинг</h3>
+        </div>
+        <p class="hint">Название и логотип отображаются в админ-панели, на форме ответа ученика, странице входа и в отчёте.</p>
+        <div class="settings-field">
+          <label for="systemName">Название системы</label>
+          <input type="text" id="systemName" class="settings-input" maxlength="60" placeholder="WhatIDo">
+        </div>
+        <div class="settings-field">
+          <label>Логотип</label>
+          <div class="logo-picker">
+            <div class="logo-preview" id="logoPreview">
+              <span id="logoPreviewFallback">—</span>
+              <img id="logoPreviewImg" alt="Логотип">
+            </div>
+            <div class="logo-picker-actions">
+              <div class="logo-picker-btns">
+                <button class="btn-primary ghost" id="logoUploadBtn" type="button"><i data-lucide="upload"></i> Загрузить логотип</button>
+                <button class="btn-primary danger-ghost" id="logoRemoveBtn" type="button" hidden><i data-lucide="trash-2"></i> Удалить</button>
+              </div>
+              <input type="file" id="logoInput" accept="image/*" style="display:none">
+              <div class="logo-upload-status" id="logoUploadStatus"></div>
+              <span class="hint">Рекомендуется широкое изображение с прозрачным фоном (PNG/WebP), не более 1 МБ</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div class="settings-card" id="sec-antispam">
         <div class="card-head">
           <div class="ic"><i data-lucide="shield"></i></div>