diff --git a/static/css/dashboard.css b/static/css/dashboard.css
index aa627777..eb73a911 100644
--- a/static/css/dashboard.css
+++ b/static/css/dashboard.css
@@ -131,12 +131,15 @@ body {
 }
 
 .login-logo {
-    width: 80px;
-    height: 80px;
-    margin: 0 auto 1rem;
-    border-radius: 16px;
-    box-shadow: var(--shadow);
+    width: 120px;
+    height: 120px;
+    max-width: 40vw;
+    margin: 0 auto 1.5rem;
+    border-radius: 20px;
+    box-shadow: var(--shadow-lg);
     object-fit: contain;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: crisp-edges;
 }
 
 .login-header h1 {
@@ -369,6 +372,8 @@ body {
     object-fit: contain;
     flex-shrink: 0;
     box-shadow: 0 2px 8px rgba(254, 128, 25, 0.3);
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: crisp-edges;
 }
 
 .sidebar.collapsed .sidebar-logo {
@@ -376,6 +381,19 @@ body {
     height: 40px;
 }
 
+.logo-fallback {
+    color: var(--orange);
+    font-size: 1.5rem;
+    min-width: 24px;
+    opacity: 0;
+    transition: opacity 0.2s;
+}
+
+.sidebar-logo[src=""] + .logo-fallback,
+.sidebar-logo:not([src]) + .logo-fallback {
+    opacity: 1;
+}
+
 /* Legacy icon fallback removed - logo replaces */
 
 .sidebar-menu {
diff --git a/static/img/logo-full.png b/static/img/logo-full.png
new file mode 100644
index 00000000..8428ea27
Binary files /dev/null and b/static/img/logo-full.png differ
diff --git a/static/img/logo-icon.png b/static/img/logo-icon.png
new file mode 100644
index 00000000..e71819a4
Binary files /dev/null and b/static/img/logo-icon.png differ
diff --git a/static/index.html b/static/index.html
index 16bae8fb..86c31591 100644
--- a/static/index.html
+++ b/static/index.html
@@ -6,7 +6,8 @@
     <title>LLM Proxy Gateway - Admin Dashboard</title>
     <link rel="stylesheet" href="/css/dashboard.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <link rel="icon" href="img/LLMProxyLogo.png" type="image/png" sizes="32x32">
+    <link rel="icon" href="img/logo-icon.png" type="image/png" sizes="any">
+    <link rel="apple-touch-icon" href="img/logo-icon.png">
     <link rel="apple-touch-icon" href="img/LLMProxyLogo.png">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
@@ -17,7 +18,7 @@
     <div id="login-screen" class="login-container">
         <div class="login-card">
             <div class="login-header">
-                <img src="img/LLMProxyLogo.png" alt="LLM Proxy Logo" class="login-logo">
+                <img src="img/logo-full.png" alt="LLM Proxy Logo" class="login-logo">
                 <h1>LLM Proxy Gateway</h1>
                 <p class="login-subtitle">Admin Dashboard</p>
             </div>
@@ -56,7 +57,8 @@
         <nav class="sidebar">
             <div class="sidebar-header">
                 <div class="logo">
-                    <img src="img/LLMProxyLogo.png" alt="LLM Proxy" class="sidebar-logo">
+                    <img src="img/logo-icon.png" alt="LLM Proxy" class="sidebar-logo">
+                    <i class="fas fa-shield-alt logo-fallback" style="opacity: 0.3;"></i>
                     <span>Gateway</span>
                 </div>
                 <button class="sidebar-toggle" id="sidebar-toggle">