diff --git a/public/css/responsive.css b/public/css/responsive.css
index 57e062b..a134d46 100644
--- a/public/css/responsive.css
+++ b/public/css/responsive.css
@@ -586,3 +586,45 @@ body.verify-page {
         animation-iteration-count: 1 !important;
     }
 }
+/* Shared brand artwork */
+.auth-brand-image,
+.sidebar-brand-image,
+.verify-brand-image {
+    display: block;
+    width: auto;
+    object-fit: contain;
+}
+
+.auth-brand-image {
+    height: 5rem;
+    max-width: 9rem;
+}
+
+.sidebar-brand-link {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 3.25rem;
+}
+
+.sidebar-brand-image {
+    height: 3.25rem;
+    max-width: 7rem;
+}
+
+.verify-brand-image {
+    height: 4rem;
+    max-width: 7rem;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+@media (max-width: 560px) {
+    .auth-card .auth-brand-image {
+        height: 4rem;
+    }
+
+    .verify-card .verify-brand-image {
+        height: 3.25rem;
+    }
+}
diff --git a/public/image/logo_PNKX.png b/public/image/logo_PNKX.png
new file mode 100644
index 0000000..bf6681c
Binary files /dev/null and b/public/image/logo_PNKX.png differ
diff --git a/public/index.html b/public/index.html
index 23b5399..c1fddbc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Redirecting...</title>
+    <link rel="icon" type="image/png" href="./image/logo_PNKX.png">
     <script>
         window.location.href = './pages/login.html';
     </script>
diff --git a/public/pages/accounts.html b/public/pages/accounts.html
index 3788abd..903d190 100644
--- a/public/pages/accounts.html
+++ b/public/pages/accounts.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8"/>
     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
     <title>Robot Manager Account - Accounts Management</title>
+    <link rel="icon" type="image/png" href="../image/logo_PNKX.png"/>
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"/>
     <!-- Material Symbols -->
@@ -27,4 +28,4 @@
         window.location.href = './index.html#accounts';
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/pages/applications.html b/public/pages/applications.html
index bb26c49..abc5e6f 100644
--- a/public/pages/applications.html
+++ b/public/pages/applications.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8"/>
     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
     <title>Robot Manager Account - Applications Management</title>
+    <link rel="icon" type="image/png" href="../image/logo_PNKX.png"/>
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"/>
     <!-- Material Symbols -->
@@ -27,4 +28,4 @@
         window.location.href = './index.html#applications';
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/public/pages/index.html b/public/pages/index.html
index 13b8bf3..8456000 100644
--- a/public/pages/index.html
+++ b/public/pages/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8"/>
     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
     <title>Robot Manager Account - Hệ thống quản lý</title>
+    <link rel="icon" type="image/png" href="../image/logo_PNKX.png"/>
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"/>
     <!-- Material Symbols -->
@@ -275,8 +276,9 @@
         <div class="flex flex-col h-full py-6">
             <!-- Header -->
             <div class="px-6 mb-8">
-                <div class="text-lg font-black text-slate-900 dark:text-slate-50 tracking-tight leading-none">Robot Account</div>
-                <div class="text-[10px] uppercase tracking-widest text-on-surface-variant mt-1.5 font-bold">Admin Console</div>
+                <a href="#dashboard" class="sidebar-brand-link" aria-label="PNKX - Về trang tổng quan">
+                    <img src="../image/logo_PNKX.png" alt="PNKX" class="sidebar-brand-image"/>
+                </a>
             </div>
             <!-- Primary Nav -->
             <nav class="flex-1 px-3 space-y-4">
diff --git a/public/pages/login.html b/public/pages/login.html
index 1dcf97d..936d9e2 100644
--- a/public/pages/login.html
+++ b/public/pages/login.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8"/>
     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
     <title>Robotics Account - Login</title>
+    <link rel="icon" type="image/png" href="../image/logo_PNKX.png"/>
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"/>
     <!-- Material Symbols -->
@@ -35,9 +36,7 @@
                 <!-- Header -->
                 <div class="auth-heading text-center mb-8">
                     <div class="flex justify-center mb-4">
-                        <div class="auth-icon w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center">
-                            <span class="material-symbols-outlined text-primary text-4xl">security</span>
-                        </div>
+                        <img src="../image/logo_PNKX.png" alt="PNKX" class="auth-brand-image"/>
                     </div>
                     <h1 class="text-2xl font-black text-slate-900 dark:text-slate-50 tracking-tight">Robotics Account Manager</h1>
                     <p class="text-xs uppercase tracking-widest text-on-surface-variant font-bold mt-2">Account Management System</p>
diff --git a/public/pages/users.html b/public/pages/users.html
index 1842127..f833b13 100644
--- a/public/pages/users.html
+++ b/public/pages/users.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8"/>
     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
     <title>Robot Manager Account - Users Management</title>
+    <link rel="icon" type="image/png" href="../image/logo_PNKX.png"/>
     <!-- Fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"/>
     <!-- Material Symbols -->
diff --git a/public/pages/verify-email.html b/public/pages/verify-email.html
index 4837a2b..125777b 100644
--- a/public/pages/verify-email.html
+++ b/public/pages/verify-email.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Confirm Email - AccManager</title>
+    <link rel="icon" type="image/png" href="../image/logo_PNKX.png" />
     <link rel="stylesheet" href="../css/main.css" />
     <style>
         body { font-family: 'Inter', sans-serif; min-height: 100vh; }
@@ -13,6 +14,7 @@
 <body class="verify-page bg-gradient-to-br from-slate-100 via-white to-blue-100 text-slate-900 antialiased">
     <main class="verify-shell min-h-screen flex items-center justify-center px-4">
         <section class="verify-card w-full max-w-md bg-white rounded-2xl border border-slate-200 shadow-lg p-8">
+            <img src="../image/logo_PNKX.png" alt="PNKX" class="verify-brand-image mb-6" />
             <h1 class="text-2xl font-black tracking-tight mb-2">Email Confirmation</h1>
             <p class="text-sm text-slate-600 mb-6">We are confirming your account.</p>