diff --git a/desktop/build/icon.ico b/desktop/build/icon.ico
index 10744bd..61ab853 100644
Binary files a/desktop/build/icon.ico and b/desktop/build/icon.ico differ
diff --git a/mobile/resources/icon.png b/mobile/resources/icon.png
index abb92bd..6532810 100644
Binary files a/mobile/resources/icon.png and b/mobile/resources/icon.png differ
diff --git a/mobile/resources/splash-dark.png b/mobile/resources/splash-dark.png
index 75dff7a..f91c6e5 100644
Binary files a/mobile/resources/splash-dark.png and b/mobile/resources/splash-dark.png differ
diff --git a/mobile/resources/splash.png b/mobile/resources/splash.png
index 75dff7a..6c8185b 100644
Binary files a/mobile/resources/splash.png and b/mobile/resources/splash.png differ
diff --git a/server/public/apple-touch-icon.png b/server/public/apple-touch-icon.png
index 96ab88b..5942247 100644
Binary files a/server/public/apple-touch-icon.png and b/server/public/apple-touch-icon.png differ
diff --git a/server/public/favicon-16.png b/server/public/favicon-16.png
new file mode 100644
index 0000000..be94aa8
Binary files /dev/null and b/server/public/favicon-16.png differ
diff --git a/server/public/favicon-32.png b/server/public/favicon-32.png
new file mode 100644
index 0000000..8ba4119
Binary files /dev/null and b/server/public/favicon-32.png differ
diff --git a/server/public/favicon.ico b/server/public/favicon.ico
new file mode 100644
index 0000000..61ab853
Binary files /dev/null and b/server/public/favicon.ico differ
diff --git a/server/public/home.html b/server/public/home.html
index e1c3f5a..265d92c 100644
--- a/server/public/home.html
+++ b/server/public/home.html
@@ -7,7 +7,9 @@
 <!-- PWA: installable on Android & iOS ("Add to Home Screen"); also enables iOS web push -->
 <link rel="manifest" href="/manifest.json">
 <meta name="theme-color" content="#1F3B73">
-<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png?v=3">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=3">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
@@ -666,6 +668,8 @@
 
   /* ---- Loading / toast ---- */
   .loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:9000;color:var(--muted);font-size:.9rem;}
+  .loading .ld-inner{display:flex;flex-direction:column;align-items:center;gap:.9rem;}
+  .loading .ld-inner img{width:64px;height:64px;}
   .toast{position:fixed;left:50%;bottom:1.6rem;transform:translateX(-50%) translateY(1rem);background:var(--blue);color:#fff;padding:.7rem 1.2rem;border-radius:10px;font-size:.88rem;box-shadow:0 10px 28px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9500;}
   .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
 
@@ -740,7 +744,7 @@
 // Render modern (Twemoji) emojis in place of the OS's flat ones. No-op if the CDN didn't load
 // (emojis stay as plain Unicode). (#5)
 function twemojify(el){ try{ if(el && window.twemoji) window.twemoji.parse(el, { folder:'svg', ext:'.svg' }); }catch(_){} }</script>
-<div class="loading" id="loading">Loading…</div>
+<div class="loading" id="loading"><div class="ld-inner"><img src="/loader-orbit.svg" alt="" width="64" height="64"><span>Loading…</span></div></div>
 
 <header>
   <div class="brandrow">
diff --git a/server/public/icon-192.png b/server/public/icon-192.png
index 22f3b61..60084b5 100644
Binary files a/server/public/icon-192.png and b/server/public/icon-192.png differ
diff --git a/server/public/icon-512.png b/server/public/icon-512.png
index 66a3d63..dc09dc2 100644
Binary files a/server/public/icon-512.png and b/server/public/icon-512.png differ
diff --git a/server/public/index.html b/server/public/index.html
index 7065761..50a420e 100644
--- a/server/public/index.html
+++ b/server/public/index.html
@@ -4,6 +4,10 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Biz Connect</title>
+<meta name="theme-color" content="#1F3B73">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png?v=3">
+<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=3">
 <style>
   :root{ --brand:#FFC708; --brand-d:#E0AC00; --blue:#1F3B73; --blue-d:#16294f; --blue-soft:#EAF0FB; --ink:#1f2430; --muted:#6b7280; --bg:#f6f8fb; --line:#e6e9ef; }
   *{box-sizing:border-box;}
diff --git a/server/public/loader-orbit-dark.svg b/server/public/loader-orbit-dark.svg
new file mode 100644
index 0000000..ac7007c
--- /dev/null
+++ b/server/public/loader-orbit-dark.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="64" height="64" role="img" aria-label="Loading">
+  <circle cx="50" cy="50" r="34" fill="none" stroke="#ffffff" stroke-width="9" stroke-linecap="round" stroke-dasharray="165 300" transform="rotate(38 50 50)"/>
+  <g><circle cx="84" cy="50" r="7" fill="#FFC708"/>
+    <animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="1.1s" repeatCount="indefinite"/></g>
+</svg>
diff --git a/server/public/loader-orbit.svg b/server/public/loader-orbit.svg
new file mode 100644
index 0000000..d9a1083
--- /dev/null
+++ b/server/public/loader-orbit.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="64" height="64" role="img" aria-label="Loading">
+  <circle cx="50" cy="50" r="34" fill="none" stroke="#1F3B73" stroke-width="9" stroke-linecap="round" stroke-dasharray="165 300" transform="rotate(38 50 50)"/>
+  <g><circle cx="84" cy="50" r="7" fill="#FFC708"/>
+    <animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="1.1s" repeatCount="indefinite"/></g>
+</svg>
diff --git a/server/public/loader-ring.svg b/server/public/loader-ring.svg
new file mode 100644
index 0000000..72ce6e9
--- /dev/null
+++ b/server/public/loader-ring.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50" height="50" role="img" aria-label="Loading">
+  <circle cx="25" cy="25" r="20" fill="none" stroke="#1F3B73" stroke-opacity="0.16" stroke-width="5"/>
+  <path fill="none" stroke="#FFC708" stroke-width="5" stroke-linecap="round" d="M25 5 A20 20 0 0 1 45 25">
+    <animateTransform attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.8s" repeatCount="indefinite"/>
+  </path>
+</svg>
diff --git a/server/public/manifest.json b/server/public/manifest.json
index 1e26c91..aea425d 100644
--- a/server/public/manifest.json
+++ b/server/public/manifest.json
@@ -9,8 +9,8 @@
   "background_color": "#1F3B73",
   "theme_color": "#1F3B73",
   "icons": [
-    { "src": "/icon-192.png?v=2", "sizes": "192x192", "type": "image/png", "purpose": "any" },
-    { "src": "/icon-512.png?v=2", "sizes": "512x512", "type": "image/png", "purpose": "any" },
-    { "src": "/icon-512.png?v=2", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+    { "src": "/icon-192.png?v=3", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "/icon-512.png?v=3", "sizes": "512x512", "type": "image/png", "purpose": "any" },
+    { "src": "/icon-512.png?v=3", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
   ]
 }