branding: add EverShelf logo to kiosk splash + web header/preloader

- assets/img/logo/logo.png: trimmed full logo (icon + text, transparent bg)
- assets/img/logo/logo_icon.png: icon-only crop (no text, for header)
- drawable-*/ic_logo.png: multi-density PNGs for Android splash (mdpi→xxxhdpi)
- activity_kiosk.xml: replace ic_launcher_foreground with ic_logo at 260dp,
  remove redundant 'EverShelf' text row (already in logo image)
- index.html: add logo_icon.png in header title, logo.png in preloader
- style.css: add .app-preloader-logo and .header-logo-icon rules

assets/css/style.css

@@ -103,6 +103,21 @@ body {
     font-weight: 600;
     letter-spacing: 0.5px;
 }
+.app-preloader-logo {
+    height: 120px;
+    width: auto;
+    object-fit: contain;
+    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));
+}
+.header-logo-icon {
+    height: 28px;
+    width: auto;
+    object-fit: contain;
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 4px;
+    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.3));
+}
 
 .header-content {
     display: flex;

evershelf-kiosk/app/src/main/res/layout/activity_kiosk.xml

@@ -14,20 +14,13 @@
         android:visibility="visible">
 
         <ImageView
-            android:layout_width="120dp"
-            android:layout_height="120dp"
-            android:src="@drawable/ic_launcher_foreground"
-            android:layout_marginBottom="24dp"
-            android:contentDescription="EverShelf" />
-
-        <TextView
-            android:layout_width="wrap_content"
+            android:layout_width="260dp"
             android:layout_height="wrap_content"
-            android:text="EverShelf"
-            android:textColor="#f1f5f9"
-            android:textSize="32sp"
-            android:textStyle="bold"
-            android:layout_marginBottom="8dp" />
+            android:src="@drawable/ic_logo"
+            android:adjustViewBounds="true"
+            android:scaleType="fitCenter"
+            android:layout_marginBottom="16dp"
+            android:contentDescription="EverShelf" />
 
         <TextView
             android:layout_width="wrap_content"

index.html

@@ -54,7 +54,7 @@
 <div id="app-preloader" aria-hidden="true">
     <div class="app-preloader-inner">
         <div class="app-preloader-spinner"></div>
-        <span class="app-preloader-label">🏠 EverShelf</span>
+        <img src="assets/img/logo/logo.png" alt="EverShelf" class="app-preloader-logo" />
     </div>
 </div>
 
@@ -67,7 +67,7 @@
         <!-- Title — left-aligned; grows to fill space -->
         <div class="header-title-wrap">
             <h1 class="header-title" onclick="showPage('dashboard')">
-                <span data-i18n="nav.title">🏠 EverShelf</span><span class="header-version">v1.7.1</span>
+                <img src="assets/img/logo/logo_icon.png" alt="" class="header-logo-icon" aria-hidden="true" /><span data-i18n="nav.title">EverShelf</span><span class="header-version">v1.7.1</span>
             </h1>
             <!-- Update badge — shown alongside title, never replaces it -->
             <span class="header-update-badge" id="header-update-badge" style="display:none"></span>