diff --git a/templates/admin.templ b/templates/admin.templ
index 0dc277a..22d5b59 100644
--- a/templates/admin.templ
+++ b/templates/admin.templ
@@ -5,7 +5,7 @@ templ Admin(user User) {
     <html lang="en">
     <head>
         <meta charset="UTF-8">
-        <title>Admin Dashboard - Bookmann</title>
+        <title>Admin Dashboard - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
@@ -48,7 +48,7 @@ templ Admin(user User) {
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex justify-between items-center h-16">
                     <div class="flex items-center">
-                        <h1 class="text-xl font-bold" style="color: var(--text-primary)">📚 Bookmann</h1>
+                        <h1 class="text-xl font-bold" style="color: var(--text-primary)">📚 Bookhoard</h1>
                     </div>
                     <div class="flex items-center space-x-4">
                         <a href="/" class="px-3 py-2 text-sm hover:opacity-80" style="color: var(--text-secondary)">Library</a>
@@ -83,7 +83,7 @@ templ Admin(user User) {
                 <div class="max-w-4xl">
                     <div class="mb-8">
                         <h1 class="text-3xl font-bold mb-2" style="color: var(--text-primary)">Dashboard</h1>
-                        <p style="color: var(--text-secondary)">Overview of your Bookmann library and settings</p>
+                        <p style="color: var(--text-secondary)">Overview of your Bookhoard library and settings</p>
                     </div>
 
                     <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
diff --git a/templates/admin_library.templ b/templates/admin_library.templ
index 7f84824..148fabb 100644
--- a/templates/admin_library.templ
+++ b/templates/admin_library.templ
@@ -5,7 +5,7 @@ templ AdminLibrary(user User) {
     <html lang="en">
     <head>
         <meta charset="UTF-8">
-        <title>Library Management - Bookmann</title>
+        <title>Library Management - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
@@ -48,7 +48,7 @@ templ AdminLibrary(user User) {
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex justify-between items-center h-16">
                     <div class="flex items-center">
-                        <h1 class="text-xl font-bold" style="color: var(--text-primary)">📚 Bookmann</h1>
+                        <h1 class="text-xl font-bold" style="color: var(--text-primary)">📚 Bookhoard</h1>
                     </div>
                     <div class="flex items-center space-x-4">
                         <a href="/" class="px-3 py-2 text-sm hover:opacity-80" style="color: var(--text-secondary)">Library</a>
diff --git a/templates/admin_library_templ.go b/templates/admin_library_templ.go
index 903e2b2..8076701 100644
--- a/templates/admin_library_templ.go
+++ b/templates/admin_library_templ.go
@@ -29,7 +29,7 @@ func AdminLibrary(user User) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Library Management - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><nav class=\"border-b\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><div class=\"flex items-center\"><h1 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">📚 Bookmann</h1></div><div class=\"flex items-center space-x-4\"><a href=\"/\" class=\"px-3 py-2 text-sm hover:opacity-80\" style=\"color: var(--text-secondary)\">Library</a> <span style=\"color: var(--text-secondary)\">Welcome, ")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Library Management - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><nav class=\"border-b\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><div class=\"flex items-center\"><h1 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">📚 Bookhoard</h1></div><div class=\"flex items-center space-x-4\"><a href=\"/\" class=\"px-3 py-2 text-sm hover:opacity-80\" style=\"color: var(--text-secondary)\">Library</a> <span style=\"color: var(--text-secondary)\">Welcome, ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/admin_profile.templ b/templates/admin_profile.templ
index ffdc645..e96f15f 100644
--- a/templates/admin_profile.templ
+++ b/templates/admin_profile.templ
@@ -5,7 +5,7 @@ templ AdminProfile(user User) {
     <html lang="en">
     <head>
         <meta charset="UTF-8">
-        <title>Profile Settings - Bookmann</title>
+        <title>Profile Settings - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
@@ -48,7 +48,7 @@ templ AdminProfile(user User) {
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="flex justify-between items-center h-16">
                     <div class="flex items-center">
-                        <h1 class="text-xl font-bold" style="color: var(--text-primary)">📚 Bookmann</h1>
+                        <h1 class="text-xl font-bold" style="color: var(--text-primary)">📚 Bookhoard</h1>
                     </div>
                     <div class="flex items-center space-x-4">
                         <a href="/" class="px-3 py-2 text-sm hover:opacity-80" style="color: var(--text-secondary)">Library</a>
diff --git a/templates/admin_profile_templ.go b/templates/admin_profile_templ.go
index 38e57eb..515e114 100644
--- a/templates/admin_profile_templ.go
+++ b/templates/admin_profile_templ.go
@@ -29,7 +29,7 @@ func AdminProfile(user User) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Profile Settings - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><nav class=\"border-b\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><div class=\"flex items-center\"><h1 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">📚 Bookmann</h1></div><div class=\"flex items-center space-x-4\"><a href=\"/\" class=\"px-3 py-2 text-sm hover:opacity-80\" style=\"color: var(--text-secondary)\">Library</a> <span style=\"color: var(--text-secondary)\">Welcome, ")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Profile Settings - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><nav class=\"border-b\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><div class=\"flex items-center\"><h1 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">📚 Bookhoard</h1></div><div class=\"flex items-center space-x-4\"><a href=\"/\" class=\"px-3 py-2 text-sm hover:opacity-80\" style=\"color: var(--text-secondary)\">Library</a> <span style=\"color: var(--text-secondary)\">Welcome, ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/admin_templ.go b/templates/admin_templ.go
index 237d8ac..a26891c 100644
--- a/templates/admin_templ.go
+++ b/templates/admin_templ.go
@@ -29,7 +29,7 @@ func Admin(user User) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Admin Dashboard - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><nav class=\"border-b\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><div class=\"flex items-center\"><h1 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">📚 Bookmann</h1></div><div class=\"flex items-center space-x-4\"><a href=\"/\" class=\"px-3 py-2 text-sm hover:opacity-80\" style=\"color: var(--text-secondary)\">Library</a> <span style=\"color: var(--text-secondary)\">Welcome, ")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><title>Admin Dashboard - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><nav class=\"border-b\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><div class=\"flex items-center\"><h1 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">📚 Bookhoard</h1></div><div class=\"flex items-center space-x-4\"><a href=\"/\" class=\"px-3 py-2 text-sm hover:opacity-80\" style=\"color: var(--text-secondary)\">Library</a> <span style=\"color: var(--text-secondary)\">Welcome, ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -42,7 +42,7 @@ func Admin(user User) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "!</span> <button onclick=\"logout()\" class=\"btn-primary px-4 py-2 rounded text-sm\">Logout</button></div></div></div></nav><div class=\"flex min-h-screen\" style=\"background-color: var(--bg-primary)\"><aside class=\"w-64 border-r\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><div class=\"p-6\"><h2 class=\"text-lg font-semibold mb-6\" style=\"color: var(--text-primary)\">Admin Panel</h2><nav class=\"space-y-2\"><a href=\"/admin\" class=\"block px-4 py-2 rounded-lg bg-accent text-bg-primary\" style=\"color: var(--text-primary)\">🏠 Dashboard</a> <a href=\"/admin/profile\" class=\"block px-4 py-2 rounded-lg hover:opacity-80\" style=\"color: var(--text-primary)\">👤 Profile Settings</a> <a href=\"/admin/library\" class=\"block px-4 py-2 rounded-lg hover:opacity-80\" style=\"color: var(--text-primary)\">📚 Library Management</a></nav></div></aside><main class=\"flex-1 p-8\"><div class=\"max-w-4xl\"><div class=\"mb-8\"><h1 class=\"text-3xl font-bold mb-2\" style=\"color: var(--text-primary)\">Dashboard</h1><p style=\"color: var(--text-secondary)\">Overview of your Bookmann library and settings</p></div><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\"><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><div class=\"flex items-center space-x-3\"><div class=\"text-3xl\">📖</div><div><h3 class=\"font-semibold\" style=\"color: var(--text-primary)\">Library</h3><p style=\"color: var(--text-secondary)\" class=\"text-sm\">Manage your ebook collection</p></div></div><a href=\"/\" class=\"mt-4 inline-block text-sm btn-secondary px-3 py-1 rounded\">View Library</a></div><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><div class=\"flex items-center space-x-3\"><div class=\"text-3xl\">⚙️</div><div><h3 class=\"font-semibold\" style=\"color: var(--text-primary)\">Settings</h3><p style=\"color: var(--text-secondary)\" class=\"text-sm\">Configure your preferences</p></div></div><a href=\"/admin/profile\" class=\"mt-4 inline-block text-sm btn-secondary px-3 py-1 rounded\">Manage Settings</a></div></div><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><h3 class=\"text-xl font-semibold mb-4\" style=\"color: var(--text-primary)\">Quick Actions</h3><div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\"><button onclick=\"quickScan()\" class=\"btn-primary p-4 rounded-lg text-left\"><div class=\"font-medium\">Scan Library</div><div style=\"color: var(--text-secondary)\" class=\"text-sm\">Find new ebooks in your folders</div></button> <a href=\"/admin/library\" class=\"btn-secondary p-4 rounded-lg text-left block\"><div class=\"font-medium\">Manage Folders</div><div style=\"color: var(--text-secondary)\" class=\"text-sm\">Add or remove scan directories</div></a></div></div></div></main></div><script>\n            function quickScan() {\n                fetch('/api/scanner/scan', {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify({\n                        folder_paths: []\n                    })\n                }).then(res => res.json()).then(data => {\n                    alert(data.message || 'Scan completed successfully!');\n                }).catch(err => {\n                    console.error('Scan error:', err);\n                    alert('Scan failed. Please check your folder configuration.');\n                });\n            }\n\n            function logout() {\n                localStorage.removeItem('token');\n                localStorage.removeItem('user');\n                window.location.href = '/';\n            }\n\n            document.addEventListener('DOMContentLoaded', function() {\n                loadTheme();\n            });\n        </script></body></html>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "!</span> <button onclick=\"logout()\" class=\"btn-primary px-4 py-2 rounded text-sm\">Logout</button></div></div></div></nav><div class=\"flex min-h-screen\" style=\"background-color: var(--bg-primary)\"><aside class=\"w-64 border-r\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><div class=\"p-6\"><h2 class=\"text-lg font-semibold mb-6\" style=\"color: var(--text-primary)\">Admin Panel</h2><nav class=\"space-y-2\"><a href=\"/admin\" class=\"block px-4 py-2 rounded-lg bg-accent text-bg-primary\" style=\"color: var(--text-primary)\">🏠 Dashboard</a> <a href=\"/admin/profile\" class=\"block px-4 py-2 rounded-lg hover:opacity-80\" style=\"color: var(--text-primary)\">👤 Profile Settings</a> <a href=\"/admin/library\" class=\"block px-4 py-2 rounded-lg hover:opacity-80\" style=\"color: var(--text-primary)\">📚 Library Management</a></nav></div></aside><main class=\"flex-1 p-8\"><div class=\"max-w-4xl\"><div class=\"mb-8\"><h1 class=\"text-3xl font-bold mb-2\" style=\"color: var(--text-primary)\">Dashboard</h1><p style=\"color: var(--text-secondary)\">Overview of your Bookhoard library and settings</p></div><div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8\"><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><div class=\"flex items-center space-x-3\"><div class=\"text-3xl\">📖</div><div><h3 class=\"font-semibold\" style=\"color: var(--text-primary)\">Library</h3><p style=\"color: var(--text-secondary)\" class=\"text-sm\">Manage your ebook collection</p></div></div><a href=\"/\" class=\"mt-4 inline-block text-sm btn-secondary px-3 py-1 rounded\">View Library</a></div><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><div class=\"flex items-center space-x-3\"><div class=\"text-3xl\">⚙️</div><div><h3 class=\"font-semibold\" style=\"color: var(--text-primary)\">Settings</h3><p style=\"color: var(--text-secondary)\" class=\"text-sm\">Configure your preferences</p></div></div><a href=\"/admin/profile\" class=\"mt-4 inline-block text-sm btn-secondary px-3 py-1 rounded\">Manage Settings</a></div></div><div class=\"card p-6 rounded-lg border\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><h3 class=\"text-xl font-semibold mb-4\" style=\"color: var(--text-primary)\">Quick Actions</h3><div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\"><button onclick=\"quickScan()\" class=\"btn-primary p-4 rounded-lg text-left\"><div class=\"font-medium\">Scan Library</div><div style=\"color: var(--text-secondary)\" class=\"text-sm\">Find new ebooks in your folders</div></button> <a href=\"/admin/library\" class=\"btn-secondary p-4 rounded-lg text-left block\"><div class=\"font-medium\">Manage Folders</div><div style=\"color: var(--text-secondary)\" class=\"text-sm\">Add or remove scan directories</div></a></div></div></div></main></div><script>\n            function quickScan() {\n                fetch('/api/scanner/scan', {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify({\n                        folder_paths: []\n                    })\n                }).then(res => res.json()).then(data => {\n                    alert(data.message || 'Scan completed successfully!');\n                }).catch(err => {\n                    console.error('Scan error:', err);\n                    alert('Scan failed. Please check your folder configuration.');\n                });\n            }\n\n            function logout() {\n                localStorage.removeItem('token');\n                localStorage.removeItem('user');\n                window.location.href = '/';\n            }\n\n            document.addEventListener('DOMContentLoaded', function() {\n                loadTheme();\n            });\n        </script></body></html>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/analytics.templ b/templates/analytics.templ
index 21bf86c..29fe078 100644
--- a/templates/analytics.templ
+++ b/templates/analytics.templ
@@ -6,7 +6,7 @@ templ Analytics(user User) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Reading Analytics - Bookmann</title>
+        <title>Reading Analytics - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
diff --git a/templates/analytics_templ.go b/templates/analytics_templ.go
index cdbfaa3..2ca44f8 100644
--- a/templates/analytics_templ.go
+++ b/templates/analytics_templ.go
@@ -29,7 +29,7 @@ func Analytics(user User) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Reading Analytics - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script><script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script><style>\n            .stat-card {\n                transition: transform 0.2s ease, box-shadow 0.2s ease;\n            }\n            .stat-card:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n            }\n        </style></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Reading Analytics - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script><script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script><style>\n            .stat-card {\n                transition: transform 0.2s ease, box-shadow 0.2s ease;\n            }\n            .stat-card:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n            }\n        </style></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/bookshelf.templ b/templates/bookshelf.templ
index 191ff3f..cb23aec 100644
--- a/templates/bookshelf.templ
+++ b/templates/bookshelf.templ
@@ -6,7 +6,7 @@ templ BookShelf(user User) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Library - Bookmann</title>
+        <title>Library - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <script src="/static/header.js"></script>
diff --git a/templates/bookshelf_templ.go b/templates/bookshelf_templ.go
index 1e0120e..a14670b 100644
--- a/templates/bookshelf_templ.go
+++ b/templates/bookshelf_templ.go
@@ -29,7 +29,7 @@ func BookShelf(user User) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Library - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><script src=\"/static/search.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            /* Wood themes */\n            .theme-wood-light {\n                --bg-primary: rgba(222, 184, 135, 0.9);\n                --bg-secondary: rgba(210, 166, 121, 0.95);\n                --text-primary: #2c1810;\n                --text-secondary: #5a3a2a;\n                --accent: #8b5a2b;\n                --border: #6b4423;\n            }\n            .theme-wood-dark {\n                --bg-primary: rgba(139, 115, 85, 0.9);\n                --bg-secondary: rgba(107, 83, 68, 0.95);\n                --text-primary: #f5e6d3;\n                --text-secondary: #d4c4b0;\n                --accent: #deb887;\n                --border: #5a4636;\n            }\n            .theme-wood-mahogany {\n                --bg-primary: rgba(160, 82, 45, 0.9);\n                --bg-secondary: rgba(139, 69, 19, 0.95);\n                --text-primary: #ffe4c4;\n                --text-secondary: #daa520;\n                --accent: #f4a460;\n                --border: #8b4513;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n                min-height: 100vh;\n                transition: background 0.3s ease;\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .shelf {\n                position: relative;\n                background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);\n                padding: 2rem 1rem;\n                margin-bottom: 1rem;\n                border-radius: 0.5rem;\n            }\n            .shelf::after {\n                content: '';\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                height: 12px;\n                background: linear-gradient(to bottom, \n                    rgba(107, 68, 35, 0.3) 0%, \n                    rgba(107, 68, 35, 0.5) 50%,\n                    rgba(107, 68, 35, 0.3) 100%);\n                border-radius: 0 0 0.5rem 0.5rem;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            }\n            .book-item {\n                position: relative;\n                transition: transform 0.2s ease, box-shadow 0.2s ease;\n                cursor: pointer;\n            }\n            .book-item:hover {\n                transform: translateY(-8px) rotate(-2deg);\n                box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);\n                z-index: 10;\n            }\n            .book-cover {\n                aspect-ratio: 2/3;\n                overflow: hidden;\n                border-radius: 0.25rem;\n                box-shadow: \n                    2px 2px 4px rgba(0, 0, 0, 0.2),\n                    -1px -1px 2px rgba(255, 255, 255, 0.1) inset;\n                position: relative;\n            }\n            .book-cover::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                width: 4px;\n                background: linear-gradient(to right,\n                    rgba(0, 0, 0, 0.3) 0%,\n                    rgba(255, 255, 255, 0.1) 50%,\n                    transparent 100%);\n            }\n            .library-selector {\n                margin-bottom: 2rem;\n            }\n            .loading-spinner {\n                display: inline-block;\n                width: 40px;\n                height: 40px;\n                border: 4px solid var(--border);\n                border-top-color: var(--accent);\n                border-radius: 50%;\n                animation: spin 1s linear infinite;\n            }\n            @keyframes spin {\n                to { transform: rotate(360deg); }\n            }\n        </style></head><body class=\"theme-tokyo-night\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Library - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><script src=\"/static/search.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            /* Wood themes */\n            .theme-wood-light {\n                --bg-primary: rgba(222, 184, 135, 0.9);\n                --bg-secondary: rgba(210, 166, 121, 0.95);\n                --text-primary: #2c1810;\n                --text-secondary: #5a3a2a;\n                --accent: #8b5a2b;\n                --border: #6b4423;\n            }\n            .theme-wood-dark {\n                --bg-primary: rgba(139, 115, 85, 0.9);\n                --bg-secondary: rgba(107, 83, 68, 0.95);\n                --text-primary: #f5e6d3;\n                --text-secondary: #d4c4b0;\n                --accent: #deb887;\n                --border: #5a4636;\n            }\n            .theme-wood-mahogany {\n                --bg-primary: rgba(160, 82, 45, 0.9);\n                --bg-secondary: rgba(139, 69, 19, 0.95);\n                --text-primary: #ffe4c4;\n                --text-secondary: #daa520;\n                --accent: #f4a460;\n                --border: #8b4513;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n                min-height: 100vh;\n                transition: background 0.3s ease;\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .shelf {\n                position: relative;\n                background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);\n                padding: 2rem 1rem;\n                margin-bottom: 1rem;\n                border-radius: 0.5rem;\n            }\n            .shelf::after {\n                content: '';\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                height: 12px;\n                background: linear-gradient(to bottom, \n                    rgba(107, 68, 35, 0.3) 0%, \n                    rgba(107, 68, 35, 0.5) 50%,\n                    rgba(107, 68, 35, 0.3) 100%);\n                border-radius: 0 0 0.5rem 0.5rem;\n                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            }\n            .book-item {\n                position: relative;\n                transition: transform 0.2s ease, box-shadow 0.2s ease;\n                cursor: pointer;\n            }\n            .book-item:hover {\n                transform: translateY(-8px) rotate(-2deg);\n                box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);\n                z-index: 10;\n            }\n            .book-cover {\n                aspect-ratio: 2/3;\n                overflow: hidden;\n                border-radius: 0.25rem;\n                box-shadow: \n                    2px 2px 4px rgba(0, 0, 0, 0.2),\n                    -1px -1px 2px rgba(255, 255, 255, 0.1) inset;\n                position: relative;\n            }\n            .book-cover::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                width: 4px;\n                background: linear-gradient(to right,\n                    rgba(0, 0, 0, 0.3) 0%,\n                    rgba(255, 255, 255, 0.1) 50%,\n                    transparent 100%);\n            }\n            .library-selector {\n                margin-bottom: 2rem;\n            }\n            .loading-spinner {\n                display: inline-block;\n                width: 40px;\n                height: 40px;\n                border: 4px solid var(--border);\n                border-top-color: var(--accent);\n                border-radius: 50%;\n                animation: spin 1s linear infinite;\n            }\n            @keyframes spin {\n                to { transform: rotate(360deg); }\n            }\n        </style></head><body class=\"theme-tokyo-night\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/collection_rules.templ b/templates/collection_rules.templ
index dd7fc6e..b347b21 100644
--- a/templates/collection_rules.templ
+++ b/templates/collection_rules.templ
@@ -6,7 +6,7 @@ templ CollectionRules(user User, collection CollectionDetailData) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Collection Rules - { collection.Name } - Bookmann</title>
+        <title>Collection Rules - { collection.Name } - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <script src="/static/header.js"></script>
diff --git a/templates/collection_rules_templ.go b/templates/collection_rules_templ.go
index 70ac5db..4bb0d82 100644
--- a/templates/collection_rules_templ.go
+++ b/templates/collection_rules_templ.go
@@ -42,7 +42,7 @@ func CollectionRules(user User, collection CollectionDetailData) templ.Component
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, " - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, " - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/collections.templ b/templates/collections.templ
index 76b8623..a40cf99 100644
--- a/templates/collections.templ
+++ b/templates/collections.templ
@@ -6,7 +6,7 @@ templ Collection(user User, collections []CollectionData) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Collections - Bookmann</title>
+        <title>Collections - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <script src="/static/header.js"></script>
@@ -216,7 +216,7 @@ templ CollectionDetail(user User, collection CollectionDetailData, books []BookD
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>{ collection.Name } - Bookmann</title>
+        <title>{ collection.Name } - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <script src="/static/header.js"></script>
diff --git a/templates/collections_templ.go b/templates/collections_templ.go
index f0c8f7e..604e5ad 100644
--- a/templates/collections_templ.go
+++ b/templates/collections_templ.go
@@ -29,7 +29,7 @@ func Collection(user User, collections []CollectionData) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Collections - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Collections - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -134,7 +134,7 @@ func CollectionDetail(user User, collection CollectionDetailData, books []BookDa
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 10, " - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 10, " - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/conflicts.templ b/templates/conflicts.templ
index 839eb06..e3ee842 100644
--- a/templates/conflicts.templ
+++ b/templates/conflicts.templ
@@ -1,6 +1,6 @@
 package templates
 
-import "bookmann/internal/handlers"
+import "bookhoard/internal/handlers"
 
 templ Conflicts(user User, conflicts []handlers.ConflictDetailResponse, total int, unresolved int) {
     <!DOCTYPE html>
@@ -8,7 +8,7 @@ templ Conflicts(user User, conflicts []handlers.ConflictDetailResponse, total in
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Sync Conflicts - Bookmann</title>
+        <title>Sync Conflicts - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
diff --git a/templates/conflicts_templ.go b/templates/conflicts_templ.go
index 91351fa..5138e72 100644
--- a/templates/conflicts_templ.go
+++ b/templates/conflicts_templ.go
@@ -8,7 +8,7 @@ package templates
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-import "bookmann/internal/handlers"
+import "bookhoard/internal/handlers"
 
 func Conflicts(user User, conflicts []handlers.ConflictDetailResponse, total int, unresolved int) templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
@@ -31,7 +31,7 @@ func Conflicts(user User, conflicts []handlers.ConflictDetailResponse, total int
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Sync Conflicts - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script><style>\n            .conflict-card {\n                border-left: 4px solid #f59e0b;\n            }\n            .conflict-resolved {\n                border-left-color: #10b981;\n                opacity: 0.7;\n            }\n            .progress-bar {\n                height: 8px;\n                border-radius: 4px;\n                background-color: var(--border);\n                overflow: hidden;\n            }\n            .progress-fill {\n                height: 100%;\n                background-color: var(--accent);\n                transition: width 0.3s ease;\n            }\n            .device-badge {\n                display: inline-block;\n                padding: 2px 8px;\n                border-radius: 4px;\n                font-size: 11px;\n                font-weight: 600;\n                text-transform: uppercase;\n            }\n            .device-koreader { background-color: #3b82f6; color: white; }\n            .device-kobo { background-color: #8b5cf6; color: white; }\n            .device-web { background-color: #10b981; color: white; }\n            .device-mobile { background-color: #f59e0b; color: white; }\n        </style></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Sync Conflicts - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script><style>\n            .conflict-card {\n                border-left: 4px solid #f59e0b;\n            }\n            .conflict-resolved {\n                border-left-color: #10b981;\n                opacity: 0.7;\n            }\n            .progress-bar {\n                height: 8px;\n                border-radius: 4px;\n                background-color: var(--border);\n                overflow: hidden;\n            }\n            .progress-fill {\n                height: 100%;\n                background-color: var(--accent);\n                transition: width 0.3s ease;\n            }\n            .device-badge {\n                display: inline-block;\n                padding: 2px 8px;\n                border-radius: 4px;\n                font-size: 11px;\n                font-weight: 600;\n                text-transform: uppercase;\n            }\n            .device-koreader { background-color: #3b82f6; color: white; }\n            .device-kobo { background-color: #8b5cf6; color: white; }\n            .device-web { background-color: #10b981; color: white; }\n            .device-mobile { background-color: #f59e0b; color: white; }\n        </style></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/dashboard.templ b/templates/dashboard.templ
index df75458..32958e3 100644
--- a/templates/dashboard.templ
+++ b/templates/dashboard.templ
@@ -6,7 +6,7 @@ templ Dashboard(user User) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Dashboard - Bookmann</title>
+        <title>Dashboard - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <script src="/static/header.js"></script>
diff --git a/templates/dashboard_templ.go b/templates/dashboard_templ.go
index 3dc9603..0fc5500 100644
--- a/templates/dashboard_templ.go
+++ b/templates/dashboard_templ.go
@@ -29,7 +29,7 @@ func Dashboard(user User) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Dashboard - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><script src=\"/static/search.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n            .rating-star {\n                display: inline-block;\n                transition: all 0.2s ease;\n                cursor: pointer;\n                position: relative;\n            }\n            .rating-star:hover {\n                transform: scale(1.1);\n            }\n            .half-star {\n                position: relative;\n                display: inline-block;\n            }\n            .half-star::before {\n                content: '★';\n                position: absolute;\n                left: 0;\n                top: 0;\n                width: 50%;\n                overflow: hidden;\n                color: #facc15; /* yellow-400 */\n            }\n            .rating-text {\n                font-size: 0.875rem;\n                margin-left: 0.5rem;\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Dashboard - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><script src=\"/static/search.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n            .rating-star {\n                display: inline-block;\n                transition: all 0.2s ease;\n                cursor: pointer;\n                position: relative;\n            }\n            .rating-star:hover {\n                transform: scale(1.1);\n            }\n            .half-star {\n                position: relative;\n                display: inline-block;\n            }\n            .half-star::before {\n                content: '★';\n                position: absolute;\n                left: 0;\n                top: 0;\n                width: 50%;\n                overflow: hidden;\n                color: #facc15; /* yellow-400 */\n            }\n            .rating-text {\n                font-size: 0.875rem;\n                margin-left: 0.5rem;\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/devices.templ b/templates/devices.templ
index f00c824..741dec4 100644
--- a/templates/devices.templ
+++ b/templates/devices.templ
@@ -6,7 +6,7 @@ templ Devices(user User, devices []DeviceData, pendingRegistrations []PendingReg
 		<head>
 			<meta charset="UTF-8"/>
 			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-			<title>Device Management - Bookmann</title>
+			<title>Device Management - Bookhoard</title>
 			<script src="/static/htmx.min.js"></script>
 			<script src="/static/toast.js"></script>
 			<link href="/static/style.css" rel="stylesheet"/>
@@ -393,8 +393,8 @@ templ Devices(user User, devices []DeviceData, pendingRegistrations []PendingReg
 								style="background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);"
 							>
 								<option value="bidirectional">Bidirectional (sync both ways)</option>
-								<option value="book_to_device">Bookmann → Device</option>
-								<option value="device_to_book">Device → Bookmann</option>
+								<option value="book_to_device">Bookhoard → Device</option>
+								<option value="device_to_book">Device → Bookhoard</option>
 								<option value="none">No sync</option>
 							</select>
 						</div>
diff --git a/templates/devices_templ.go b/templates/devices_templ.go
index 7bb8e32..6f3d5e4 100644
--- a/templates/devices_templ.go
+++ b/templates/devices_templ.go
@@ -29,7 +29,7 @@ func Devices(user User, devices []DeviceData, pendingRegistrations []PendingRegi
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Device Management - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Device Management - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -248,7 +248,7 @@ func Devices(user User, devices []DeviceData, pendingRegistrations []PendingRegi
 				return templ_7745c5c3_Err
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 33, "<!-- Sync Queue Section --><div id=\"sync-queue-section\" class=\"mt-12 hidden\"><div class=\"flex justify-between items-center mb-4\"><h2 class=\"text-2xl font-bold\" style=\"color: var(--text-primary)\">Sync Queue</h2><button onclick=\"clearSyncQueue()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Clear Queue</button></div><div id=\"sync-queue\" class=\"space-y-3\"></div></div></div><!-- Add Device Modal --><div id=\"add-device-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-md mx-4\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Add New Device</h2><button onclick=\"hideAddDeviceModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><form id=\"add-device-form\" onsubmit=\"handleAddDevice(event)\"><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Name</label> <input type=\"text\" id=\"device-name\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"My Kindle Paperwhite\"></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Type</label> <select id=\"device-type\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select device type...</option> <option value=\"koreader\">KOReader (Kindle, Kobo, PocketBook)</option> <option value=\"kobo\">Kobo E-Reader</option> <option value=\"web\">Web Browser</option> <option value=\"mobile\">Mobile App</option></select></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Identifier</label> <input type=\"text\" id=\"device-identifier\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"Hardware ID or Serial Number\"><p class=\"text-xs mt-1\" style=\"color: var(--text-secondary)\">Enter your device's unique identifier</p></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideAddDeviceModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Cancel</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">Register Device</button></div></form></div></div><!-- Device Settings Modal --><div id=\"device-settings-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-md mx-4\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Device Settings</h2><button onclick=\"hideDeviceSettingsModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><form id=\"device-settings-form\" onsubmit=\"handleSaveDeviceSettings(event)\"><input type=\"hidden\" id=\"settings-device-id\"> <input type=\"hidden\" id=\"settings-device-type\"><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Name</label> <input type=\"text\" id=\"settings-device-name\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-sync-enabled\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Enable Sync</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Allow this device to sync reading progress</p></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-auto-sync\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Auto Sync</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Automatically sync changes</p></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Sync Frequency</label> <select id=\"settings-sync-frequency\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"1\">Every 1 minute</option> <option value=\"5\" selected>Every 5 minutes</option> <option value=\"15\">Every 15 minutes</option> <option value=\"30\">Every 30 minutes</option> <option value=\"60\">Every hour</option></select></div><div class=\"border-t pt-6 mb-6\" style=\"border-color: var(--border);\"><h3 class=\"text-lg font-semibold mb-4\" style=\"color: var(--text-primary)\">Collection View Settings</h3><p class=\"text-sm mb-4\" style=\"color: var(--text-secondary)\">Configure how collections are displayed on this device</p><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Default View Mode</label> <select id=\"settings-view-mode\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"grid\">Grid View</option> <option value=\"list\">List View</option> <option value=\"compact\">Compact View</option></select></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Sort Collections By</label> <select id=\"settings-sort-order\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"name\">Collection Name</option> <option value=\"created\">Date Created</option> <option value=\"book_count\">Book Count</option> <option value=\"recent\">Recently Added</option></select></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Items Per Page</label> <select id=\"settings-items-per-page\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"12\">12 items</option> <option value=\"24\" selected>24 items</option> <option value=\"48\">48 items</option> <option value=\"96\">96 items</option></select></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-show-covers\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Show Cover Images</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Display book covers in collection views</p></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-show-progress\" class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Show Reading Progress</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Display progress indicators for books</p></div></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideDeviceSettingsModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Cancel</button> <button type=\"button\" onclick=\"handleRevokeDevice()\" class=\"btn-danger px-4 py-2 rounded-lg\">Revoke Device</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">Save Settings</button></div></form></div></div><!-- Device Shelf Mappings Modal --><div id=\"shelf-mappings-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Collection to Shelf Mappings</h2><button onclick=\"hideShelfMappingsModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><input type=\"hidden\" id=\"mappings-device-id\"><div id=\"shelf-mappings-container\" class=\"space-y-4 mb-6\"><p style=\"color: var(--text-secondary)\">Loading mappings...</p></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideShelfMappingsModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Close</button> <button type=\"button\" onclick=\"showAddMappingModal()\" class=\"btn-primary px-4 py-2 rounded-lg\">➕ Add Mapping</button></div></div></div><!-- Add/Edit Shelf Mapping Modal --><div id=\"add-mapping-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-md mx-4\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Add Collection Mapping</h2><button onclick=\"hideAddMappingModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><form id=\"mapping-form\" onsubmit=\"handleSaveMapping(event)\"><input type=\"hidden\" id=\"mapping-device-id\"> <input type=\"hidden\" id=\"mapping-id\"><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Collection</label> <select id=\"mapping-collection\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select collection...</option></select></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Shelf Name</label> <input type=\"text\" id=\"mapping-shelf-name\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"e.g., Sci-Fi\"><p class=\"text-xs mt-1\" style=\"color: var(--text-secondary)\">Name of the shelf on this device</p></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Sync Direction</label> <select id=\"mapping-sync-direction\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"bidirectional\">Bidirectional (sync both ways)</option> <option value=\"book_to_device\">Bookmann → Device</option> <option value=\"device_to_book\">Device → Bookmann</option> <option value=\"none\">No sync</option></select></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideAddMappingModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Cancel</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">Save Mapping</button></div></form></div></div><script>\n            function getDeviceIcon(typeName) {\n                const deviceIcons = {\n                    'koreader': '📖',\n                    'kobo': '📚',\n                    'web': '🌐',\n                    'mobile': '📱'\n                };\n                return deviceIcons[typeName] || '📱';\n            }\n\n            function showAddDeviceModal() {\n                document.getElementById('add-device-modal').classList.remove('hidden');\n            }\n\n            function hideAddDeviceModal() {\n                document.getElementById('add-device-modal').classList.add('hidden');\n                document.getElementById('add-device-form').reset();\n            }\n\n            function handleAddDevice(event) {\n                event.preventDefault();\n\n                const data = {\n                    device_name: document.getElementById('device-name').value,\n                    device_type: document.getElementById('device-type').value,\n                    device_identifier: document.getElementById('device-identifier').value\n                };\n\n                fetch('/api/devices/register', {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify(data)\n                })\n                .then(response => response.json())\n                .then(result => {\n                    showToast('Device registered! Check your device for sync instructions.', 'success');\n                    hideAddDeviceModal();\n                    loadDevices();\n                })\n                .catch(error => {\n                    showToast('Failed to register device', 'error');\n                });\n            }\n\n            function showDeviceSettings(deviceId) {\n                const device = devices.find(d => d.id === deviceId);\n                if (!device) return;\n\n                document.getElementById('settings-device-id').value = deviceId;\n                document.getElementById('settings-device-type').value = device.device_type;\n                document.getElementById('settings-device-name').value = device.device_name;\n                document.getElementById('settings-sync-enabled').checked = device.sync_enabled;\n                document.getElementById('settings-auto-sync').checked = device.auto_sync;\n                document.getElementById('settings-sync-frequency').value = device.sync_frequency_minutes;\n\n                const deviceType = device.device_type;\n                \n                fetch('/api/collections', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(result => {\n                    if (result.collections && result.collections.length > 0) {\n                        const firstCollection = result.collections[0];\n                        const viewSettings = firstCollection.view_settings || {};\n                        const deviceSettings = viewSettings[deviceType] || {};\n                        \n                        document.getElementById('settings-view-mode').value = deviceSettings.view_mode || 'grid';\n                        document.getElementById('settings-sort-order').value = deviceSettings.sort_order || 'name';\n                        document.getElementById('settings-items-per-page').value = deviceSettings.items_per_page || 24;\n                        document.getElementById('settings-show-covers').checked = deviceSettings.show_covers !== false;\n                        document.getElementById('settings-show-progress').checked = deviceSettings.show_progress || false;\n                    }\n                })\n                .catch(error => {\n                    console.error('Failed to load view settings:', error);\n                });\n\n                document.getElementById('device-settings-modal').classList.remove('hidden');\n            }\n\n            function showShelfMappings(deviceId) {\n                document.getElementById('mappings-device-id').value = deviceId;\n                loadShelfMappings(deviceId);\n                document.getElementById('shelf-mappings-modal').classList.remove('hidden');\n            }\n\n            function hideShelfMappingsModal() {\n                document.getElementById('shelf-mappings-modal').classList.add('hidden');\n            }\n\n            function loadShelfMappings(deviceId) {\n                const container = document.getElementById('shelf-mappings-container');\n\n                fetch(`/api/devices/${deviceId}/collections`, {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(result => {\n                    if (result.mappings && result.mappings.length > 0) {\n                        container.innerHTML = result.mappings.map(mapping => `\n                            <div class=\"card p-4 rounded-lg border\" style=\"background-color: var(--bg-primary); border-color: var(--border);\">\n                                <div class=\"flex justify-between items-center\">\n                                    <div>\n                                        <h4 class=\"font-semibold\" style=\"color: var(--text-primary)\">${mapping.collection_name}</h4>\n                                        <p class=\"text-sm\" style=\"color: var(--text-secondary)\">\n                                            → Device Shelf: <strong>${mapping.device_shelf_name}</strong>\n                                        </p>\n                                        <p class=\"text-xs\" style=\"color: var(--text-secondary)\">\n                                            Sync: ${mapping.sync_direction}\n                                        </p>\n                                    </div>\n                                    <div class=\"flex space-x-2\">\n                                        <button onclick=\"editMapping('${mapping.id}', '${mapping.collection_id}', '${mapping.device_shelf_name}', '${mapping.sync_direction}')\"\n                                                class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-secondary); background-color: var(--bg-secondary);\">\n                                            ✏️\n                                        </button>\n                                        <button onclick=\"deleteMapping('${mapping.id}')\"\n                                                class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-secondary); background-color: var(--bg-secondary);\">\n                                            🗑️\n                                        </button>\n                                    </div>\n                                </div>\n                            </div>\n                        `).join('');\n                    } else {\n                        container.innerHTML = '<p style=\"color: var(--text-secondary)\">No shelf mappings configured. Click \"Add Mapping\" to create one.</p>';\n                    }\n                })\n                .catch(error => {\n                    container.innerHTML = '<p style=\"color: var(--error)\">Failed to load mappings</p>';\n                });\n            }\n\n            function showAddMappingModal() {\n                const deviceId = document.getElementById('mappings-device-id').value;\n                document.getElementById('mapping-device-id').value = deviceId;\n                document.getElementById('mapping-id').value = '';\n                document.getElementById('mapping-collection').value = '';\n                document.getElementById('mapping-shelf-name').value = '';\n                document.getElementById('mapping-sync-direction').value = 'bidirectional';\n\n                loadCollections();\n                document.getElementById('add-mapping-modal').classList.remove('hidden');\n            }\n\n            function hideAddMappingModal() {\n                document.getElementById('add-mapping-modal').classList.add('hidden');\n                document.getElementById('mapping-form').reset();\n            }\n\n            function loadCollections() {\n                const select = document.getElementById('mapping-collection');\n\n                fetch('/api/collections', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(result => {\n                    if (result.collections) {\n                        select.innerHTML = '<option value=\"\">Select collection...</option>' +\n                            result.collections.map(col => `<option value=\"${col.id}\">${col.name}</option>`).join('');\n                    }\n                })\n                .catch(error => {\n                    console.error('Failed to load collections', error);\n                });\n            }\n\n            function editMapping(mappingId, collectionId, shelfName, syncDirection) {\n                document.getElementById('mapping-id').value = mappingId;\n                document.getElementById('mapping-collection').value = collectionId;\n                document.getElementById('mapping-shelf-name').value = shelfName;\n                document.getElementById('mapping-sync-direction').value = syncDirection;\n\n                document.getElementById('add-mapping-modal').classList.remove('hidden');\n            }\n\n            function handleSaveMapping(event) {\n                event.preventDefault();\n\n                const deviceId = document.getElementById('mapping-device-id').value;\n                const mappingId = document.getElementById('mapping-id').value;\n                const isUpdate = mappingId !== '';\n\n                const data = {\n                    collection_id: document.getElementById('mapping-collection').value,\n                    device_shelf_name: document.getElementById('mapping-shelf-name').value,\n                    sync_direction: document.getElementById('mapping-sync-direction').value\n                };\n\n                const url = isUpdate ? `/api/devices/${deviceId}/collections/${mappingId}` : `/api/devices/${deviceId}/collections`;\n                const method = isUpdate ? 'PUT' : 'POST';\n\n                fetch(url, {\n                    method: method,\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify(data)\n                })\n                .then(response => response.json())\n                .then(result => {\n                    showToast(isUpdate ? 'Mapping updated' : 'Mapping created', 'success');\n                    hideAddMappingModal();\n                    loadShelfMappings(deviceId);\n                })\n                .catch(error => {\n                    showToast('Failed to save mapping', 'error');\n                });\n            }\n\n            function deleteMapping(mappingId) {\n                if (!confirm('Are you sure you want to delete this mapping?')) return;\n\n                const deviceId = document.getElementById('mappings-device-id').value;\n\n                fetch(`/api/devices/${deviceId}/collections/${mappingId}`, {\n                    method: 'DELETE',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => {\n                    if (response.ok) {\n                        showToast('Mapping deleted', 'success');\n                        loadShelfMappings(deviceId);\n                    } else {\n                        showToast('Failed to delete mapping', 'error');\n                    }\n                })\n                .catch(error => {\n                    showToast('Failed to delete mapping', 'error');\n                });\n            }\n\n            function hideDeviceSettingsModal() {\n                document.getElementById('device-settings-modal').classList.add('hidden');\n            }\n\n            function handleSaveDeviceSettings(event) {\n                event.preventDefault();\n\n                const deviceId = document.getElementById('settings-device-id').value;\n                const deviceType = document.getElementById('settings-device-type')?.value || '';\n                \n                const deviceData = {\n                    device_name: document.getElementById('settings-device-name').value,\n                    sync_enabled: document.getElementById('settings-sync-enabled').checked,\n                    auto_sync: document.getElementById('settings-auto-sync').checked,\n                    sync_frequency_minutes: parseInt(document.getElementById('settings-sync-frequency').value)\n                };\n\n                const viewSettings = {\n                    view_mode: document.getElementById('settings-view-mode').value,\n                    sort_order: document.getElementById('settings-sort-order').value,\n                    items_per_page: parseInt(document.getElementById('settings-items-per-page').value),\n                    show_covers: document.getElementById('settings-show-covers').checked,\n                    show_progress: document.getElementById('settings-show-progress').checked\n                };\n\n                fetch(`/api/devices/${deviceId}`, {\n                    method: 'PUT',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify(deviceData)\n                })\n                .then(response => response.json())\n                .then(result => {\n                    return fetch('/api/collections', {\n                        method: 'GET',\n                        headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                    });\n                })\n                .then(response => response.json())\n                .then(result => {\n                    const updatePromises = result.collections.map(collection => {\n                        const currentSettings = collection.view_settings || {};\n                        currentSettings[deviceType] = viewSettings;\n                        \n                        return fetch(`/api/collections/${collection.id}`, {\n                            method: 'PUT',\n                            headers: {\n                                'Content-Type': 'application/json',\n                                'Authorization': 'Bearer ' + localStorage.getItem('token')\n                            },\n                            body: JSON.stringify({\n                                ...collection,\n                                view_settings: currentSettings\n                            })\n                        });\n                    });\n                    \n                    return Promise.all(updatePromises);\n                })\n                .then(() => {\n                    showToast('Device settings saved', 'success');\n                    hideDeviceSettingsModal();\n                    location.reload();\n                })\n                .catch(error => {\n                    showToast('Failed to save settings', 'error');\n                });\n            }\n\n            function handleRevokeDevice() {\n                const deviceId = document.getElementById('settings-device-id').value;\n                if (!confirm('Are you sure you want to revoke this device? It will no longer be able to sync.')) return;\n\n                fetch(`/api/devices/${deviceId}`, {\n                    method: 'DELETE',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                 .then(response => {\n                     if (response.ok) {\n                         showToast('Device revoked successfully', 'success');\n                         hideDeviceSettingsModal();\n                         location.reload();\n                     } else {\n                         showToast('Failed to revoke device', 'error');\n                     }\n                 })\n                .catch(error => {\n                    showToast('Failed to revoke device', 'error');\n                });\n            }\n\n            function approveDevice(registrationId) {\n                fetch(`/api/devices/approve/${registrationId}`, {\n                    method: 'GET',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                 .then(result => {\n                     showToast('Device approved successfully', 'success');\n                     location.reload();\n                 })\n                .catch(error => {\n                    showToast('Failed to approve device', 'error');\n                });\n            }\n\n            function rejectDevice(registrationId) {\n                fetch(`/api/devices/reject/${registrationId}`, {\n                    method: 'POST',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                 .then(result => {\n                     showToast('Device registration rejected', 'info');\n                     location.reload();\n                 })\n                .catch(error => {\n                    showToast('Failed to reject device', 'error');\n                });\n            }\n\n            function clearSyncQueue() {\n                if (!confirm('Are you sure you want to clear all sync queue items?')) return;\n\n                fetch('/api/queue/clear', {\n                    method: 'DELETE',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => {\n                    if (response.ok) {\n                        showToast('Sync queue cleared', 'success');\n                    } else {\n                        showToast('Failed to clear queue', 'error');\n                    }\n                });\n            }\n\n            function logout() {\n                localStorage.removeItem('token');\n                window.location.href = '/login';\n            }\n\n            // Load devices on page load\n            loadDevices();\n        </script></body></html>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 33, "<!-- Sync Queue Section --><div id=\"sync-queue-section\" class=\"mt-12 hidden\"><div class=\"flex justify-between items-center mb-4\"><h2 class=\"text-2xl font-bold\" style=\"color: var(--text-primary)\">Sync Queue</h2><button onclick=\"clearSyncQueue()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Clear Queue</button></div><div id=\"sync-queue\" class=\"space-y-3\"></div></div></div><!-- Add Device Modal --><div id=\"add-device-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-md mx-4\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Add New Device</h2><button onclick=\"hideAddDeviceModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><form id=\"add-device-form\" onsubmit=\"handleAddDevice(event)\"><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Name</label> <input type=\"text\" id=\"device-name\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"My Kindle Paperwhite\"></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Type</label> <select id=\"device-type\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select device type...</option> <option value=\"koreader\">KOReader (Kindle, Kobo, PocketBook)</option> <option value=\"kobo\">Kobo E-Reader</option> <option value=\"web\">Web Browser</option> <option value=\"mobile\">Mobile App</option></select></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Identifier</label> <input type=\"text\" id=\"device-identifier\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"Hardware ID or Serial Number\"><p class=\"text-xs mt-1\" style=\"color: var(--text-secondary)\">Enter your device's unique identifier</p></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideAddDeviceModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Cancel</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">Register Device</button></div></form></div></div><!-- Device Settings Modal --><div id=\"device-settings-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-md mx-4\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Device Settings</h2><button onclick=\"hideDeviceSettingsModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><form id=\"device-settings-form\" onsubmit=\"handleSaveDeviceSettings(event)\"><input type=\"hidden\" id=\"settings-device-id\"> <input type=\"hidden\" id=\"settings-device-type\"><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Name</label> <input type=\"text\" id=\"settings-device-name\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-sync-enabled\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Enable Sync</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Allow this device to sync reading progress</p></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-auto-sync\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Auto Sync</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Automatically sync changes</p></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Sync Frequency</label> <select id=\"settings-sync-frequency\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"1\">Every 1 minute</option> <option value=\"5\" selected>Every 5 minutes</option> <option value=\"15\">Every 15 minutes</option> <option value=\"30\">Every 30 minutes</option> <option value=\"60\">Every hour</option></select></div><div class=\"border-t pt-6 mb-6\" style=\"border-color: var(--border);\"><h3 class=\"text-lg font-semibold mb-4\" style=\"color: var(--text-primary)\">Collection View Settings</h3><p class=\"text-sm mb-4\" style=\"color: var(--text-secondary)\">Configure how collections are displayed on this device</p><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Default View Mode</label> <select id=\"settings-view-mode\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"grid\">Grid View</option> <option value=\"list\">List View</option> <option value=\"compact\">Compact View</option></select></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Sort Collections By</label> <select id=\"settings-sort-order\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"name\">Collection Name</option> <option value=\"created\">Date Created</option> <option value=\"book_count\">Book Count</option> <option value=\"recent\">Recently Added</option></select></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Items Per Page</label> <select id=\"settings-items-per-page\" class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"12\">12 items</option> <option value=\"24\" selected>24 items</option> <option value=\"48\">48 items</option> <option value=\"96\">96 items</option></select></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-show-covers\" checked class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Show Cover Images</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Display book covers in collection views</p></div><div class=\"mb-4\"><label class=\"flex items-center space-x-3 cursor-pointer\"><input type=\"checkbox\" id=\"settings-show-progress\" class=\"w-5 h-5 rounded\"> <span style=\"color: var(--text-primary)\">Show Reading Progress</span></label><p class=\"text-xs mt-1 ml-8\" style=\"color: var(--text-secondary)\">Display progress indicators for books</p></div></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideDeviceSettingsModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Cancel</button> <button type=\"button\" onclick=\"handleRevokeDevice()\" class=\"btn-danger px-4 py-2 rounded-lg\">Revoke Device</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">Save Settings</button></div></form></div></div><!-- Device Shelf Mappings Modal --><div id=\"shelf-mappings-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-2xl mx-4 max-h-[90vh] overflow-y-auto\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Collection to Shelf Mappings</h2><button onclick=\"hideShelfMappingsModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><input type=\"hidden\" id=\"mappings-device-id\"><div id=\"shelf-mappings-container\" class=\"space-y-4 mb-6\"><p style=\"color: var(--text-secondary)\">Loading mappings...</p></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideShelfMappingsModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Close</button> <button type=\"button\" onclick=\"showAddMappingModal()\" class=\"btn-primary px-4 py-2 rounded-lg\">➕ Add Mapping</button></div></div></div><!-- Add/Edit Shelf Mapping Modal --><div id=\"add-mapping-modal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center\" style=\"background-color: rgba(0, 0, 0, 0.7);\"><div class=\"card rounded-lg p-6 w-full max-w-md mx-4\" style=\"background-color: var(--bg-secondary); border-color: var(--border);\"><div class=\"flex justify-between items-center mb-6\"><h2 class=\"text-xl font-bold\" style=\"color: var(--text-primary)\">Add Collection Mapping</h2><button onclick=\"hideAddMappingModal()\" class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-primary)\">✕</button></div><form id=\"mapping-form\" onsubmit=\"handleSaveMapping(event)\"><input type=\"hidden\" id=\"mapping-device-id\"> <input type=\"hidden\" id=\"mapping-id\"><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Collection</label> <select id=\"mapping-collection\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"\">Select collection...</option></select></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Device Shelf Name</label> <input type=\"text\" id=\"mapping-shelf-name\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" placeholder=\"e.g., Sci-Fi\"><p class=\"text-xs mt-1\" style=\"color: var(--text-secondary)\">Name of the shelf on this device</p></div><div class=\"mb-6\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-secondary)\">Sync Direction</label> <select id=\"mapping-sync-direction\" required class=\"w-full px-4 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\"><option value=\"bidirectional\">Bidirectional (sync both ways)</option> <option value=\"book_to_device\">Bookhoard → Device</option> <option value=\"device_to_book\">Device → Bookhoard</option> <option value=\"none\">No sync</option></select></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideAddMappingModal()\" class=\"btn-secondary px-4 py-2 rounded-lg\">Cancel</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded-lg\">Save Mapping</button></div></form></div></div><script>\n            function getDeviceIcon(typeName) {\n                const deviceIcons = {\n                    'koreader': '📖',\n                    'kobo': '📚',\n                    'web': '🌐',\n                    'mobile': '📱'\n                };\n                return deviceIcons[typeName] || '📱';\n            }\n\n            function showAddDeviceModal() {\n                document.getElementById('add-device-modal').classList.remove('hidden');\n            }\n\n            function hideAddDeviceModal() {\n                document.getElementById('add-device-modal').classList.add('hidden');\n                document.getElementById('add-device-form').reset();\n            }\n\n            function handleAddDevice(event) {\n                event.preventDefault();\n\n                const data = {\n                    device_name: document.getElementById('device-name').value,\n                    device_type: document.getElementById('device-type').value,\n                    device_identifier: document.getElementById('device-identifier').value\n                };\n\n                fetch('/api/devices/register', {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify(data)\n                })\n                .then(response => response.json())\n                .then(result => {\n                    showToast('Device registered! Check your device for sync instructions.', 'success');\n                    hideAddDeviceModal();\n                    loadDevices();\n                })\n                .catch(error => {\n                    showToast('Failed to register device', 'error');\n                });\n            }\n\n            function showDeviceSettings(deviceId) {\n                const device = devices.find(d => d.id === deviceId);\n                if (!device) return;\n\n                document.getElementById('settings-device-id').value = deviceId;\n                document.getElementById('settings-device-type').value = device.device_type;\n                document.getElementById('settings-device-name').value = device.device_name;\n                document.getElementById('settings-sync-enabled').checked = device.sync_enabled;\n                document.getElementById('settings-auto-sync').checked = device.auto_sync;\n                document.getElementById('settings-sync-frequency').value = device.sync_frequency_minutes;\n\n                const deviceType = device.device_type;\n                \n                fetch('/api/collections', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(result => {\n                    if (result.collections && result.collections.length > 0) {\n                        const firstCollection = result.collections[0];\n                        const viewSettings = firstCollection.view_settings || {};\n                        const deviceSettings = viewSettings[deviceType] || {};\n                        \n                        document.getElementById('settings-view-mode').value = deviceSettings.view_mode || 'grid';\n                        document.getElementById('settings-sort-order').value = deviceSettings.sort_order || 'name';\n                        document.getElementById('settings-items-per-page').value = deviceSettings.items_per_page || 24;\n                        document.getElementById('settings-show-covers').checked = deviceSettings.show_covers !== false;\n                        document.getElementById('settings-show-progress').checked = deviceSettings.show_progress || false;\n                    }\n                })\n                .catch(error => {\n                    console.error('Failed to load view settings:', error);\n                });\n\n                document.getElementById('device-settings-modal').classList.remove('hidden');\n            }\n\n            function showShelfMappings(deviceId) {\n                document.getElementById('mappings-device-id').value = deviceId;\n                loadShelfMappings(deviceId);\n                document.getElementById('shelf-mappings-modal').classList.remove('hidden');\n            }\n\n            function hideShelfMappingsModal() {\n                document.getElementById('shelf-mappings-modal').classList.add('hidden');\n            }\n\n            function loadShelfMappings(deviceId) {\n                const container = document.getElementById('shelf-mappings-container');\n\n                fetch(`/api/devices/${deviceId}/collections`, {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(result => {\n                    if (result.mappings && result.mappings.length > 0) {\n                        container.innerHTML = result.mappings.map(mapping => `\n                            <div class=\"card p-4 rounded-lg border\" style=\"background-color: var(--bg-primary); border-color: var(--border);\">\n                                <div class=\"flex justify-between items-center\">\n                                    <div>\n                                        <h4 class=\"font-semibold\" style=\"color: var(--text-primary)\">${mapping.collection_name}</h4>\n                                        <p class=\"text-sm\" style=\"color: var(--text-secondary)\">\n                                            → Device Shelf: <strong>${mapping.device_shelf_name}</strong>\n                                        </p>\n                                        <p class=\"text-xs\" style=\"color: var(--text-secondary)\">\n                                            Sync: ${mapping.sync_direction}\n                                        </p>\n                                    </div>\n                                    <div class=\"flex space-x-2\">\n                                        <button onclick=\"editMapping('${mapping.id}', '${mapping.collection_id}', '${mapping.device_shelf_name}', '${mapping.sync_direction}')\"\n                                                class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-secondary); background-color: var(--bg-secondary);\">\n                                            ✏️\n                                        </button>\n                                        <button onclick=\"deleteMapping('${mapping.id}')\"\n                                                class=\"p-2 hover:opacity-80 rounded\" style=\"color: var(--text-secondary); background-color: var(--bg-secondary);\">\n                                            🗑️\n                                        </button>\n                                    </div>\n                                </div>\n                            </div>\n                        `).join('');\n                    } else {\n                        container.innerHTML = '<p style=\"color: var(--text-secondary)\">No shelf mappings configured. Click \"Add Mapping\" to create one.</p>';\n                    }\n                })\n                .catch(error => {\n                    container.innerHTML = '<p style=\"color: var(--error)\">Failed to load mappings</p>';\n                });\n            }\n\n            function showAddMappingModal() {\n                const deviceId = document.getElementById('mappings-device-id').value;\n                document.getElementById('mapping-device-id').value = deviceId;\n                document.getElementById('mapping-id').value = '';\n                document.getElementById('mapping-collection').value = '';\n                document.getElementById('mapping-shelf-name').value = '';\n                document.getElementById('mapping-sync-direction').value = 'bidirectional';\n\n                loadCollections();\n                document.getElementById('add-mapping-modal').classList.remove('hidden');\n            }\n\n            function hideAddMappingModal() {\n                document.getElementById('add-mapping-modal').classList.add('hidden');\n                document.getElementById('mapping-form').reset();\n            }\n\n            function loadCollections() {\n                const select = document.getElementById('mapping-collection');\n\n                fetch('/api/collections', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(result => {\n                    if (result.collections) {\n                        select.innerHTML = '<option value=\"\">Select collection...</option>' +\n                            result.collections.map(col => `<option value=\"${col.id}\">${col.name}</option>`).join('');\n                    }\n                })\n                .catch(error => {\n                    console.error('Failed to load collections', error);\n                });\n            }\n\n            function editMapping(mappingId, collectionId, shelfName, syncDirection) {\n                document.getElementById('mapping-id').value = mappingId;\n                document.getElementById('mapping-collection').value = collectionId;\n                document.getElementById('mapping-shelf-name').value = shelfName;\n                document.getElementById('mapping-sync-direction').value = syncDirection;\n\n                document.getElementById('add-mapping-modal').classList.remove('hidden');\n            }\n\n            function handleSaveMapping(event) {\n                event.preventDefault();\n\n                const deviceId = document.getElementById('mapping-device-id').value;\n                const mappingId = document.getElementById('mapping-id').value;\n                const isUpdate = mappingId !== '';\n\n                const data = {\n                    collection_id: document.getElementById('mapping-collection').value,\n                    device_shelf_name: document.getElementById('mapping-shelf-name').value,\n                    sync_direction: document.getElementById('mapping-sync-direction').value\n                };\n\n                const url = isUpdate ? `/api/devices/${deviceId}/collections/${mappingId}` : `/api/devices/${deviceId}/collections`;\n                const method = isUpdate ? 'PUT' : 'POST';\n\n                fetch(url, {\n                    method: method,\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify(data)\n                })\n                .then(response => response.json())\n                .then(result => {\n                    showToast(isUpdate ? 'Mapping updated' : 'Mapping created', 'success');\n                    hideAddMappingModal();\n                    loadShelfMappings(deviceId);\n                })\n                .catch(error => {\n                    showToast('Failed to save mapping', 'error');\n                });\n            }\n\n            function deleteMapping(mappingId) {\n                if (!confirm('Are you sure you want to delete this mapping?')) return;\n\n                const deviceId = document.getElementById('mappings-device-id').value;\n\n                fetch(`/api/devices/${deviceId}/collections/${mappingId}`, {\n                    method: 'DELETE',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => {\n                    if (response.ok) {\n                        showToast('Mapping deleted', 'success');\n                        loadShelfMappings(deviceId);\n                    } else {\n                        showToast('Failed to delete mapping', 'error');\n                    }\n                })\n                .catch(error => {\n                    showToast('Failed to delete mapping', 'error');\n                });\n            }\n\n            function hideDeviceSettingsModal() {\n                document.getElementById('device-settings-modal').classList.add('hidden');\n            }\n\n            function handleSaveDeviceSettings(event) {\n                event.preventDefault();\n\n                const deviceId = document.getElementById('settings-device-id').value;\n                const deviceType = document.getElementById('settings-device-type')?.value || '';\n                \n                const deviceData = {\n                    device_name: document.getElementById('settings-device-name').value,\n                    sync_enabled: document.getElementById('settings-sync-enabled').checked,\n                    auto_sync: document.getElementById('settings-auto-sync').checked,\n                    sync_frequency_minutes: parseInt(document.getElementById('settings-sync-frequency').value)\n                };\n\n                const viewSettings = {\n                    view_mode: document.getElementById('settings-view-mode').value,\n                    sort_order: document.getElementById('settings-sort-order').value,\n                    items_per_page: parseInt(document.getElementById('settings-items-per-page').value),\n                    show_covers: document.getElementById('settings-show-covers').checked,\n                    show_progress: document.getElementById('settings-show-progress').checked\n                };\n\n                fetch(`/api/devices/${deviceId}`, {\n                    method: 'PUT',\n                    headers: {\n                        'Content-Type': 'application/json',\n                        'Authorization': 'Bearer ' + localStorage.getItem('token')\n                    },\n                    body: JSON.stringify(deviceData)\n                })\n                .then(response => response.json())\n                .then(result => {\n                    return fetch('/api/collections', {\n                        method: 'GET',\n                        headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                    });\n                })\n                .then(response => response.json())\n                .then(result => {\n                    const updatePromises = result.collections.map(collection => {\n                        const currentSettings = collection.view_settings || {};\n                        currentSettings[deviceType] = viewSettings;\n                        \n                        return fetch(`/api/collections/${collection.id}`, {\n                            method: 'PUT',\n                            headers: {\n                                'Content-Type': 'application/json',\n                                'Authorization': 'Bearer ' + localStorage.getItem('token')\n                            },\n                            body: JSON.stringify({\n                                ...collection,\n                                view_settings: currentSettings\n                            })\n                        });\n                    });\n                    \n                    return Promise.all(updatePromises);\n                })\n                .then(() => {\n                    showToast('Device settings saved', 'success');\n                    hideDeviceSettingsModal();\n                    location.reload();\n                })\n                .catch(error => {\n                    showToast('Failed to save settings', 'error');\n                });\n            }\n\n            function handleRevokeDevice() {\n                const deviceId = document.getElementById('settings-device-id').value;\n                if (!confirm('Are you sure you want to revoke this device? It will no longer be able to sync.')) return;\n\n                fetch(`/api/devices/${deviceId}`, {\n                    method: 'DELETE',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                 .then(response => {\n                     if (response.ok) {\n                         showToast('Device revoked successfully', 'success');\n                         hideDeviceSettingsModal();\n                         location.reload();\n                     } else {\n                         showToast('Failed to revoke device', 'error');\n                     }\n                 })\n                .catch(error => {\n                    showToast('Failed to revoke device', 'error');\n                });\n            }\n\n            function approveDevice(registrationId) {\n                fetch(`/api/devices/approve/${registrationId}`, {\n                    method: 'GET',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                 .then(result => {\n                     showToast('Device approved successfully', 'success');\n                     location.reload();\n                 })\n                .catch(error => {\n                    showToast('Failed to approve device', 'error');\n                });\n            }\n\n            function rejectDevice(registrationId) {\n                fetch(`/api/devices/reject/${registrationId}`, {\n                    method: 'POST',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                 .then(result => {\n                     showToast('Device registration rejected', 'info');\n                     location.reload();\n                 })\n                .catch(error => {\n                    showToast('Failed to reject device', 'error');\n                });\n            }\n\n            function clearSyncQueue() {\n                if (!confirm('Are you sure you want to clear all sync queue items?')) return;\n\n                fetch('/api/queue/clear', {\n                    method: 'DELETE',\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => {\n                    if (response.ok) {\n                        showToast('Sync queue cleared', 'success');\n                    } else {\n                        showToast('Failed to clear queue', 'error');\n                    }\n                });\n            }\n\n            function logout() {\n                localStorage.removeItem('token');\n                window.location.href = '/login';\n            }\n\n            // Load devices on page load\n            loadDevices();\n        </script></body></html>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/header.templ b/templates/header.templ
index 0ffc045..b5dd396 100644
--- a/templates/header.templ
+++ b/templates/header.templ
@@ -7,7 +7,7 @@ templ Header(user User, currentPath string) {
                 <!-- Left: App Title & Navigation -->
                 <div class="flex items-center space-x-6">
                     <a href="/bookshelf" class="text-xl font-bold hover:opacity-80 transition-opacity" style="color: var(--text-primary); text-decoration: none;">
-                        📚 Bookmann
+                        📚 Bookhoard
                     </a>
                     <div class="hidden md:flex items-center space-x-4">
                         <a href="/bookshelf" class="text-sm hover:opacity-80 transition-opacity" style="color: var(--text-secondary); text-decoration: none;">
diff --git a/templates/header_templ.go b/templates/header_templ.go
index 5fa2a04..56dbea1 100644
--- a/templates/header_templ.go
+++ b/templates/header_templ.go
@@ -29,7 +29,7 @@ func Header(user User, currentPath string) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<nav class=\"border-b header-nav\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><!-- Left: App Title & Navigation --><div class=\"flex items-center space-x-6\"><a href=\"/bookshelf\" class=\"text-xl font-bold hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); text-decoration: none;\">📚 Bookmann</a><div class=\"hidden md:flex items-center space-x-4\"><a href=\"/bookshelf\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Library</a> <a href=\"/collections\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Collections</a> <a href=\"/progress\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Progress</a> <a href=\"/devices\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Devices</a></div></div><!-- Center: Search Box --><div class=\"flex-1 max-w-2xl mx-8\"><div class=\"relative\"><input type=\"text\" id=\"header-search\" placeholder=\"Search your library...\" class=\"w-full px-4 py-2 pl-10 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" autocomplete=\"off\"> <svg class=\"absolute left-3 top-2.5 h-5 w-5\" style=\"color: var(--text-secondary)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"></path></svg></div></div><!-- Right: Theme Switcher & User Menu --><div class=\"flex items-center space-x-4\"><!-- Theme Switcher --><div class=\"relative\"><button onclick=\"toggleThemeDropdown()\" class=\"p-2 rounded-lg hover:bg-gray-700 transition-colors\" style=\"background-color: var(--bg-primary);\"><svg class=\"h-6 w-6\" style=\"color: var(--text-primary)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"></path></svg></button><div id=\"theme-dropdown\" class=\"hidden absolute right-0 mt-2 w-64 rounded-lg shadow-lg z-50\" style=\"background-color: var(--bg-secondary); border: 1px solid var(--border);\"><div class=\"p-4\"><h3 class=\"text-sm font-semibold mb-3\" style=\"color: var(--text-primary)\">Select Theme</h3><div class=\"space-y-2\"><button onclick=\"changeThemeTo('tokyo-night')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #7aa2f7;\"></span> Tokyo Night</button> <button onclick=\"changeThemeTo('dracula')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #bd93f9;\"></span> Dracula</button> <button onclick=\"changeThemeTo('nord')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #88c0d0;\"></span> Nord</button> <button onclick=\"changeThemeTo('solarized-dark')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #2aa198;\"></span> Solarized Dark</button> <button onclick=\"changeThemeTo('monokai')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #a6e22e;\"></span> Monokai</button> <button onclick=\"changeThemeTo('one-dark-pro')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #61dafb;\"></span> One Dark Pro</button> <button onclick=\"changeThemeTo('material-dark')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #80cbc4;\"></span> Material Dark</button><div class=\"border-t pt-2 mt-2\" style=\"border-color: var(--border);\"><p class=\"text-xs mb-2\" style=\"color: var(--text-secondary)\">Background Options</p><button onclick=\"changeThemeTo('wood-light')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background: linear-gradient(135deg, #deb887 0%, #d2a679 100%);\"></span> Wood Light</button> <button onclick=\"changeThemeTo('wood-dark')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background: linear-gradient(135deg, #8b7355 0%, #6b5344 100%);\"></span> Wood Dark</button> <button onclick=\"changeThemeTo('wood-mahogany')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background: linear-gradient(135deg, #a0522d 0%, #8b4513 100%);\"></span> Wood Mahogany</button></div></div></div></div></div><!-- User Icon with Dropdown --><div class=\"relative\"><button onclick=\"toggleUserMenu()\" class=\"flex items-center space-x-2 p-2 rounded-lg hover:bg-gray-700 transition-colors\" style=\"background-color: var(--bg-primary);\"><svg class=\"h-6 w-6\" style=\"color: var(--text-primary)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"></path></svg> <span class=\"text-sm hidden sm:block\" style=\"color: var(--text-primary)\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<nav class=\"border-b header-nav\" style=\"border-color: var(--border); background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"flex justify-between items-center h-16\"><!-- Left: App Title & Navigation --><div class=\"flex items-center space-x-6\"><a href=\"/bookshelf\" class=\"text-xl font-bold hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); text-decoration: none;\">📚 Bookhoard</a><div class=\"hidden md:flex items-center space-x-4\"><a href=\"/bookshelf\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Library</a> <a href=\"/collections\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Collections</a> <a href=\"/progress\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Progress</a> <a href=\"/devices\" class=\"text-sm hover:opacity-80 transition-opacity\" style=\"color: var(--text-secondary); text-decoration: none;\">Devices</a></div></div><!-- Center: Search Box --><div class=\"flex-1 max-w-2xl mx-8\"><div class=\"relative\"><input type=\"text\" id=\"header-search\" placeholder=\"Search your library...\" class=\"w-full px-4 py-2 pl-10 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border);\" autocomplete=\"off\"> <svg class=\"absolute left-3 top-2.5 h-5 w-5\" style=\"color: var(--text-secondary)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"></path></svg></div></div><!-- Right: Theme Switcher & User Menu --><div class=\"flex items-center space-x-4\"><!-- Theme Switcher --><div class=\"relative\"><button onclick=\"toggleThemeDropdown()\" class=\"p-2 rounded-lg hover:bg-gray-700 transition-colors\" style=\"background-color: var(--bg-primary);\"><svg class=\"h-6 w-6\" style=\"color: var(--text-primary)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01\"></path></svg></button><div id=\"theme-dropdown\" class=\"hidden absolute right-0 mt-2 w-64 rounded-lg shadow-lg z-50\" style=\"background-color: var(--bg-secondary); border: 1px solid var(--border);\"><div class=\"p-4\"><h3 class=\"text-sm font-semibold mb-3\" style=\"color: var(--text-primary)\">Select Theme</h3><div class=\"space-y-2\"><button onclick=\"changeThemeTo('tokyo-night')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #7aa2f7;\"></span> Tokyo Night</button> <button onclick=\"changeThemeTo('dracula')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #bd93f9;\"></span> Dracula</button> <button onclick=\"changeThemeTo('nord')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #88c0d0;\"></span> Nord</button> <button onclick=\"changeThemeTo('solarized-dark')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #2aa198;\"></span> Solarized Dark</button> <button onclick=\"changeThemeTo('monokai')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #a6e22e;\"></span> Monokai</button> <button onclick=\"changeThemeTo('one-dark-pro')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #61dafb;\"></span> One Dark Pro</button> <button onclick=\"changeThemeTo('material-dark')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background-color: #80cbc4;\"></span> Material Dark</button><div class=\"border-t pt-2 mt-2\" style=\"border-color: var(--border);\"><p class=\"text-xs mb-2\" style=\"color: var(--text-secondary)\">Background Options</p><button onclick=\"changeThemeTo('wood-light')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background: linear-gradient(135deg, #deb887 0%, #d2a679 100%);\"></span> Wood Light</button> <button onclick=\"changeThemeTo('wood-dark')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background: linear-gradient(135deg, #8b7355 0%, #6b5344 100%);\"></span> Wood Dark</button> <button onclick=\"changeThemeTo('wood-mahogany')\" class=\"w-full text-left px-3 py-2 rounded hover:opacity-80 transition-opacity\" style=\"color: var(--text-primary); background-color: var(--bg-primary);\"><span class=\"inline-block w-4 h-4 rounded mr-2\" style=\"background: linear-gradient(135deg, #a0522d 0%, #8b4513 100%);\"></span> Wood Mahogany</button></div></div></div></div></div><!-- User Icon with Dropdown --><div class=\"relative\"><button onclick=\"toggleUserMenu()\" class=\"flex items-center space-x-2 p-2 rounded-lg hover:bg-gray-700 transition-colors\" style=\"background-color: var(--bg-primary);\"><svg class=\"h-6 w-6\" style=\"color: var(--text-primary)\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"></path></svg> <span class=\"text-sm hidden sm:block\" style=\"color: var(--text-primary)\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/index.templ b/templates/index.templ
index 71f66c8..9030188 100644
--- a/templates/index.templ
+++ b/templates/index.templ
@@ -6,7 +6,7 @@ templ Index(loggedIn bool) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Bookmann - Home</title>
+        <title>Bookhoard - Home</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
@@ -148,7 +148,7 @@ templ Index(loggedIn bool) {
 
                 <div class="text-center">
                     <h1 class="text-4xl sm:text-6xl lg:text-7xl font-extrabold" style="color: var(--text-primary)">
-                        📚 Bookmann
+                        📚 Bookhoard
                     </h1>
                     <p class="mt-6 max-w-2xl mx-auto text-xl" style="color: var(--text-secondary)">
                         Your personal ebook management system. Track reading progress, organize your library, and enjoy beautiful themes.
@@ -166,7 +166,7 @@ templ Index(loggedIn bool) {
         <div class="py-16" style="background-color: var(--bg-secondary)">
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                 <div class="text-center mb-12">
-                    <h2 class="text-3xl font-extrabold" style="color: var(--text-primary)">Why Bookmann?</h2>
+                    <h2 class="text-3xl font-extrabold" style="color: var(--text-primary)">Why Bookhoard?</h2>
                     <p class="mt-4 text-lg" style="color: var(--text-secondary)">Discover the features that make ebook management effortless</p>
                 </div>
 
@@ -209,7 +209,7 @@ templ Index(loggedIn bool) {
             <div id="auth" class="py-16">
                 <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
                     <div class="text-center mb-12">
-                        <h2 class="text-3xl font-extrabold" style="color: var(--text-primary)">Join Bookmann Today</h2>
+                        <h2 class="text-3xl font-extrabold" style="color: var(--text-primary)">Join Bookhoard Today</h2>
                         <p class="mt-4 text-lg" style="color: var(--text-secondary)">Sign in to start managing your ebook library</p>
                     </div>
 
diff --git a/templates/index_templ.go b/templates/index_templ.go
index b7b579d..125c2d0 100644
--- a/templates/index_templ.go
+++ b/templates/index_templ.go
@@ -29,12 +29,12 @@ func Index(loggedIn bool) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Bookmann - Home</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><!-- Hero Section --><div class=\"relative overflow-hidden\"><div class=\"absolute inset-0 bg-gradient-to-r from-blue-600 to-purple-700 opacity-10\"></div><div class=\"relative max-w-7xl mx-auto px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8\"><div class=\"flex justify-between items-start mb-8\"><div></div><select id=\"theme-select\" class=\"px-3 py-2 border rounded text-sm\" style=\"background-color: var(--bg-secondary); color: var(--text-primary); border-color: var(--border)\" onchange=\"changeTheme()\"><option value=\"tokyo-night\">Tokyo Night</option> <option value=\"dracula\">Dracula</option> <option value=\"nord\">Nord</option> <option value=\"solarized-dark\">Solarized Dark</option> <option value=\"monokai\">Monokai</option> <option value=\"one-dark-pro\">One Dark Pro</option> <option value=\"material-dark\">Material Dark</option> <option value=\"catppuccin-mocha\">Catppuccin Mocha</option> <option value=\"catppuccin-macchiato\">Catppuccin Macchiato</option> <option value=\"catppuccin-frappe\">Catppuccin Frappé</option> <option value=\"catppuccin-latte\">Catppuccin Latte</option></select></div><div class=\"text-center\"><h1 class=\"text-4xl sm:text-6xl lg:text-7xl font-extrabold\" style=\"color: var(--text-primary)\">📚 Bookmann</h1><p class=\"mt-6 max-w-2xl mx-auto text-xl\" style=\"color: var(--text-secondary)\">Your personal ebook management system. Track reading progress, organize your library, and enjoy beautiful themes.</p><div class=\"mt-10\"><a href=\"#auth\" class=\"btn-primary px-8 py-3 rounded-lg font-medium text-lg\">Get Started</a></div></div></div></div><!-- Features Section --><div class=\"py-16\" style=\"background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"text-center mb-12\"><h2 class=\"text-3xl font-extrabold\" style=\"color: var(--text-primary)\">Why Bookmann?</h2><p class=\"mt-4 text-lg\" style=\"color: var(--text-secondary)\">Discover the features that make ebook management effortless</p></div><div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"><div class=\"card p-6 rounded-xl border\"><div class=\"text-center\"><div class=\"mx-auto w-12 h-12 bg-blue-500 rounded-lg flex items-center justify-center mb-4\"><span class=\"text-white text-2xl\">📖</span></div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">Reading Progress</h3><p style=\"color: var(--text-secondary)\">Track your reading progress across all your ebooks with detailed statistics.</p></div></div><div class=\"card p-6 rounded-xl border\"><div class=\"text-center\"><div class=\"mx-auto w-12 h-12 bg-purple-500 rounded-lg flex items-center justify-center mb-4\"><span class=\"text-white text-2xl\">🎨</span></div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">Beautiful Themes</h3><p style=\"color: var(--text-secondary)\">Choose from 11 stunning themes including Tokyo Night, Dracula, and Catppuccin variants.</p></div></div><div class=\"card p-6 rounded-xl border\"><div class=\"text-center\"><div class=\"mx-auto w-12 h-12 bg-green-500 rounded-lg flex items-center justify-center mb-4\"><span class=\"text-white text-2xl\">⚡</span></div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">Fast & Modern</h3><p style=\"color: var(--text-secondary)\">Built with Go and HTMX for lightning-fast performance and smooth interactions.</p></div></div></div></div></div><!-- Auth Section -->")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Bookhoard - Home</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night\"><!-- Hero Section --><div class=\"relative overflow-hidden\"><div class=\"absolute inset-0 bg-gradient-to-r from-blue-600 to-purple-700 opacity-10\"></div><div class=\"relative max-w-7xl mx-auto px-4 py-16 sm:px-6 sm:py-24 lg:py-32 lg:px-8\"><div class=\"flex justify-between items-start mb-8\"><div></div><select id=\"theme-select\" class=\"px-3 py-2 border rounded text-sm\" style=\"background-color: var(--bg-secondary); color: var(--text-primary); border-color: var(--border)\" onchange=\"changeTheme()\"><option value=\"tokyo-night\">Tokyo Night</option> <option value=\"dracula\">Dracula</option> <option value=\"nord\">Nord</option> <option value=\"solarized-dark\">Solarized Dark</option> <option value=\"monokai\">Monokai</option> <option value=\"one-dark-pro\">One Dark Pro</option> <option value=\"material-dark\">Material Dark</option> <option value=\"catppuccin-mocha\">Catppuccin Mocha</option> <option value=\"catppuccin-macchiato\">Catppuccin Macchiato</option> <option value=\"catppuccin-frappe\">Catppuccin Frappé</option> <option value=\"catppuccin-latte\">Catppuccin Latte</option></select></div><div class=\"text-center\"><h1 class=\"text-4xl sm:text-6xl lg:text-7xl font-extrabold\" style=\"color: var(--text-primary)\">📚 Bookhoard</h1><p class=\"mt-6 max-w-2xl mx-auto text-xl\" style=\"color: var(--text-secondary)\">Your personal ebook management system. Track reading progress, organize your library, and enjoy beautiful themes.</p><div class=\"mt-10\"><a href=\"#auth\" class=\"btn-primary px-8 py-3 rounded-lg font-medium text-lg\">Get Started</a></div></div></div></div><!-- Features Section --><div class=\"py-16\" style=\"background-color: var(--bg-secondary)\"><div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"text-center mb-12\"><h2 class=\"text-3xl font-extrabold\" style=\"color: var(--text-primary)\">Why Bookhoard?</h2><p class=\"mt-4 text-lg\" style=\"color: var(--text-secondary)\">Discover the features that make ebook management effortless</p></div><div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\"><div class=\"card p-6 rounded-xl border\"><div class=\"text-center\"><div class=\"mx-auto w-12 h-12 bg-blue-500 rounded-lg flex items-center justify-center mb-4\"><span class=\"text-white text-2xl\">📖</span></div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">Reading Progress</h3><p style=\"color: var(--text-secondary)\">Track your reading progress across all your ebooks with detailed statistics.</p></div></div><div class=\"card p-6 rounded-xl border\"><div class=\"text-center\"><div class=\"mx-auto w-12 h-12 bg-purple-500 rounded-lg flex items-center justify-center mb-4\"><span class=\"text-white text-2xl\">🎨</span></div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">Beautiful Themes</h3><p style=\"color: var(--text-secondary)\">Choose from 11 stunning themes including Tokyo Night, Dracula, and Catppuccin variants.</p></div></div><div class=\"card p-6 rounded-xl border\"><div class=\"text-center\"><div class=\"mx-auto w-12 h-12 bg-green-500 rounded-lg flex items-center justify-center mb-4\"><span class=\"text-white text-2xl\">⚡</span></div><h3 class=\"text-lg font-semibold mb-2\" style=\"color: var(--text-primary)\">Fast & Modern</h3><p style=\"color: var(--text-secondary)\">Built with Go and HTMX for lightning-fast performance and smooth interactions.</p></div></div></div></div></div><!-- Auth Section -->")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		if !loggedIn {
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "<div id=\"auth\" class=\"py-16\"><div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"text-center mb-12\"><h2 class=\"text-3xl font-extrabold\" style=\"color: var(--text-primary)\">Join Bookmann Today</h2><p class=\"mt-4 text-lg\" style=\"color: var(--text-secondary)\">Sign in to start managing your ebook library</p></div><div class=\"grid grid-cols-1 gap-8\"><div class=\"card p-8 rounded-xl border\"><h3 class=\"text-2xl font-semibold mb-6 text-center\" style=\"color: var(--text-primary)\">Login</h3><form hx-post=\"/api/auth/login\" hx-target=\"#auth-result\" hx-swap=\"innerHTML\"><div class=\"space-y-4\"><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Email or Username</label> <input type=\"text\" name=\"login\" class=\"w-full px-3 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Password</label> <input type=\"password\" name=\"password\" class=\"w-full px-3 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><button type=\"submit\" class=\"w-full btn-primary py-2 rounded-lg font-medium\">Sign In</button></div></form></div></div><div id=\"auth-result\" class=\"mt-8 text-center\"></div></div></div>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "<div id=\"auth\" class=\"py-16\"><div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\"><div class=\"text-center mb-12\"><h2 class=\"text-3xl font-extrabold\" style=\"color: var(--text-primary)\">Join Bookhoard Today</h2><p class=\"mt-4 text-lg\" style=\"color: var(--text-secondary)\">Sign in to start managing your ebook library</p></div><div class=\"grid grid-cols-1 gap-8\"><div class=\"card p-8 rounded-xl border\"><h3 class=\"text-2xl font-semibold mb-6 text-center\" style=\"color: var(--text-primary)\">Login</h3><form hx-post=\"/api/auth/login\" hx-target=\"#auth-result\" hx-swap=\"innerHTML\"><div class=\"space-y-4\"><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Email or Username</label> <input type=\"text\" name=\"login\" class=\"w-full px-3 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Password</label> <input type=\"password\" name=\"password\" class=\"w-full px-3 py-2 border rounded-lg\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><button type=\"submit\" class=\"w-full btn-primary py-2 rounded-lg font-medium\">Sign In</button></div></form></div></div><div id=\"auth-result\" class=\"mt-8 text-center\"></div></div></div>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
diff --git a/templates/login.templ b/templates/login.templ
index af67205..e8dbe0e 100644
--- a/templates/login.templ
+++ b/templates/login.templ
@@ -127,7 +127,7 @@ templ Login() {
     <body class="theme-tokyo-night min-h-screen">
         <div class="container mx-auto px-4 py-8 max-w-md">
             <div class="flex justify-between items-center mb-8">
-                <h1 class="text-3xl font-bold">Login to Bookmann</h1>
+                <h1 class="text-3xl font-bold">Login to Bookhoard</h1>
                 <select id="theme-select" class="px-3 py-2 border rounded" style="background-color: var(--bg-secondary); color: var(--text-primary); border-color: var(--border)" onchange="changeTheme()">
                     <option value="tokyo-night">Tokyo Night</option>
                     <option value="dracula">Dracula</option>
diff --git a/templates/login_templ.go b/templates/login_templ.go
index f1725e9..8666c62 100644
--- a/templates/login_templ.go
+++ b/templates/login_templ.go
@@ -29,7 +29,7 @@ func Login() templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Login</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night min-h-screen\"><div class=\"container mx-auto px-4 py-8 max-w-md\"><div class=\"flex justify-between items-center mb-8\"><h1 class=\"text-3xl font-bold\">Login to Bookmann</h1><select id=\"theme-select\" class=\"px-3 py-2 border rounded\" style=\"background-color: var(--bg-secondary); color: var(--text-primary); border-color: var(--border)\" onchange=\"changeTheme()\"><option value=\"tokyo-night\">Tokyo Night</option> <option value=\"dracula\">Dracula</option> <option value=\"nord\">Nord</option> <option value=\"solarized-dark\">Solarized Dark</option> <option value=\"monokai\">Monokai</option> <option value=\"one-dark-pro\">One Dark Pro</option> <option value=\"material-dark\">Material Dark</option> <option value=\"catppuccin-mocha\">Catppuccin Mocha</option> <option value=\"catppuccin-macchiato\">Catppuccin Macchiato</option> <option value=\"catppuccin-frappe\">Catppuccin Frappé</option> <option value=\"catppuccin-latte\">Catppuccin Latte</option></select></div><form hx-post=\"/api/auth/login\" hx-target=\"#result\" hx-swap=\"innerHTML\" class=\"card p-6 rounded-lg shadow-md border\"><div class=\"mb-4\"><label class=\"block mb-2\" style=\"color: var(--text-secondary)\">Email or Username</label> <input type=\"text\" name=\"login\" class=\"w-full px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><div class=\"mb-4\"><label class=\"block mb-2\" style=\"color: var(--text-secondary)\">Password</label> <input type=\"password\" name=\"password\" class=\"w-full px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><button type=\"submit\" class=\"btn-primary w-full py-2 rounded\">Sign In</button></form><div id=\"result\" class=\"mt-4 text-center\"></div><p class=\"text-center mt-4\"><a href=\"/register\" class=\"text-blue-500 hover:underline\">Don't have an account? Sign Up</a></p></div><script>\n            function applyTheme(theme) {\n                document.body.className = `theme-${theme} min-h-screen`;\n                localStorage.setItem('theme', theme);\n            }\n            function loadTheme() {\n                const theme = localStorage.getItem('theme') || 'tokyo-night';\n                applyTheme(theme);\n            }\n            function changeTheme() {\n                const theme = document.getElementById('theme-select').value;\n                applyTheme(theme);\n                const token = localStorage.getItem('token');\n                if (token) {\n                    fetch('/api/auth/theme', {\n                        method: 'PUT',\n                        headers: {\n                            'Content-Type': 'application/json',\n                            'Authorization': 'Bearer ' + token\n                        },\n                        body: JSON.stringify({ theme })\n                    }).catch(err => console.log('Theme save failed', err));\n                }\n            }\n            document.addEventListener('DOMContentLoaded', () => {\n                loadTheme();\n                document.getElementById('theme-select').value = localStorage.getItem('theme') || 'tokyo-night';\n            });\n        </script></body></html>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Login</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night min-h-screen\"><div class=\"container mx-auto px-4 py-8 max-w-md\"><div class=\"flex justify-between items-center mb-8\"><h1 class=\"text-3xl font-bold\">Login to Bookhoard</h1><select id=\"theme-select\" class=\"px-3 py-2 border rounded\" style=\"background-color: var(--bg-secondary); color: var(--text-primary); border-color: var(--border)\" onchange=\"changeTheme()\"><option value=\"tokyo-night\">Tokyo Night</option> <option value=\"dracula\">Dracula</option> <option value=\"nord\">Nord</option> <option value=\"solarized-dark\">Solarized Dark</option> <option value=\"monokai\">Monokai</option> <option value=\"one-dark-pro\">One Dark Pro</option> <option value=\"material-dark\">Material Dark</option> <option value=\"catppuccin-mocha\">Catppuccin Mocha</option> <option value=\"catppuccin-macchiato\">Catppuccin Macchiato</option> <option value=\"catppuccin-frappe\">Catppuccin Frappé</option> <option value=\"catppuccin-latte\">Catppuccin Latte</option></select></div><form hx-post=\"/api/auth/login\" hx-target=\"#result\" hx-swap=\"innerHTML\" class=\"card p-6 rounded-lg shadow-md border\"><div class=\"mb-4\"><label class=\"block mb-2\" style=\"color: var(--text-secondary)\">Email or Username</label> <input type=\"text\" name=\"login\" class=\"w-full px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><div class=\"mb-4\"><label class=\"block mb-2\" style=\"color: var(--text-secondary)\">Password</label> <input type=\"password\" name=\"password\" class=\"w-full px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required></div><button type=\"submit\" class=\"btn-primary w-full py-2 rounded\">Sign In</button></form><div id=\"result\" class=\"mt-4 text-center\"></div><p class=\"text-center mt-4\"><a href=\"/register\" class=\"text-blue-500 hover:underline\">Don't have an account? Sign Up</a></p></div><script>\n            function applyTheme(theme) {\n                document.body.className = `theme-${theme} min-h-screen`;\n                localStorage.setItem('theme', theme);\n            }\n            function loadTheme() {\n                const theme = localStorage.getItem('theme') || 'tokyo-night';\n                applyTheme(theme);\n            }\n            function changeTheme() {\n                const theme = document.getElementById('theme-select').value;\n                applyTheme(theme);\n                const token = localStorage.getItem('token');\n                if (token) {\n                    fetch('/api/auth/theme', {\n                        method: 'PUT',\n                        headers: {\n                            'Content-Type': 'application/json',\n                            'Authorization': 'Bearer ' + token\n                        },\n                        body: JSON.stringify({ theme })\n                    }).catch(err => console.log('Theme save failed', err));\n                }\n            }\n            document.addEventListener('DOMContentLoaded', () => {\n                loadTheme();\n                document.getElementById('theme-select').value = localStorage.getItem('theme') || 'tokyo-night';\n            });\n        </script></body></html>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/progress.templ b/templates/progress.templ
index 999cdda..804cc47 100644
--- a/templates/progress.templ
+++ b/templates/progress.templ
@@ -6,7 +6,7 @@ templ Progress(user User, progressData []ProgressItemData) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Reading Progress - Bookmann</title>
+        <title>Reading Progress - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <script src="/static/header.js"></script>
diff --git a/templates/progress_templ.go b/templates/progress_templ.go
index 7879220..858993f 100644
--- a/templates/progress_templ.go
+++ b/templates/progress_templ.go
@@ -29,7 +29,7 @@ func Progress(user User, progressData []ProgressItemData) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Reading Progress - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Reading Progress - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/queue.templ b/templates/queue.templ
index b2eeb35..0197292 100644
--- a/templates/queue.templ
+++ b/templates/queue.templ
@@ -8,7 +8,7 @@ templ Queue(user User, queueItems []handlers.QueueItemResponse, stats handlers.Q
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Sync Queue - Bookmann</title>
+        <title>Sync Queue - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <link href="/static/style.css" rel="stylesheet">
diff --git a/templates/queue_templ.go b/templates/queue_templ.go
index 895d84b..d45f603 100644
--- a/templates/queue_templ.go
+++ b/templates/queue_templ.go
@@ -8,7 +8,7 @@ package templates
 import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
-import "bookmann/internal/handlers"
+import "bookhoard/internal/handlers"
 
 func Queue(user User, queueItems []handlers.QueueItemResponse, stats handlers.QueueStatsResponse) templ.Component {
 	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
@@ -31,7 +31,7 @@ func Queue(user User, queueItems []handlers.QueueItemResponse, stats handlers.Qu
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Sync Queue - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script><style>\n            .status-badge {\n                display: inline-block;\n                padding: 2px 8px;\n                border-radius: 4px;\n                font-size: 11px;\n                font-weight: 600;\n                text-transform: uppercase;\n            }\n            .status-pending { background-color: #f59e0b; color: white; }\n            .status-processing { background-color: #3b82f6; color: white; }\n            .status-completed { background-color: #10b981; color: white; }\n            .status-failed { background-color: #ef4444; color: white; }\n            \n            .priority-badge {\n                display: inline-block;\n                padding: 2px 8px;\n                border-radius: 4px;\n                font-size: 10px;\n                font-weight: 600;\n            }\n            .priority-1 { background-color: #ef4444; color: white; }\n            .priority-2 { background-color: #f97316; color: white; }\n            .priority-3 { background-color: #f59e0b; color: white; }\n            .priority-5 { background-color: #10b981; color: white; }\n            .priority-7 { background-color: #6b7280; color: white; }\n            .priority-10 { background-color: #9ca3af; color: white; }\n        </style></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Sync Queue - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><script src=\"/static/theme.js\"></script><style>\n            .status-badge {\n                display: inline-block;\n                padding: 2px 8px;\n                border-radius: 4px;\n                font-size: 11px;\n                font-weight: 600;\n                text-transform: uppercase;\n            }\n            .status-pending { background-color: #f59e0b; color: white; }\n            .status-processing { background-color: #3b82f6; color: white; }\n            .status-completed { background-color: #10b981; color: white; }\n            .status-failed { background-color: #ef4444; color: white; }\n            \n            .priority-badge {\n                display: inline-block;\n                padding: 2px 8px;\n                border-radius: 4px;\n                font-size: 10px;\n                font-weight: 600;\n            }\n            .priority-1 { background-color: #ef4444; color: white; }\n            .priority-2 { background-color: #f97316; color: white; }\n            .priority-3 { background-color: #f59e0b; color: white; }\n            .priority-5 { background-color: #10b981; color: white; }\n            .priority-7 { background-color: #6b7280; color: white; }\n            .priority-10 { background-color: #9ca3af; color: white; }\n        </style></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/register.templ b/templates/register.templ
index 5c4307c..572fe36 100644
--- a/templates/register.templ
+++ b/templates/register.templ
@@ -126,7 +126,7 @@ templ Register() {
     </head>
     <body class="theme-tokyo-night min-h-screen">
         <div class="container mx-auto px-4 py-8 max-w-md">
-            <h1 class="text-3xl font-bold text-center mb-8">Register for Bookmann</h1>
+            <h1 class="text-3xl font-bold text-center mb-8">Register for Bookhoard</h1>
             
             <form hx-post="/api/auth/register" hx-target="#result" hx-swap="innerHTML" class="bg-white p-6 rounded-lg shadow-md">
                 <div class="mb-4">
diff --git a/templates/register_templ.go b/templates/register_templ.go
index bcc9781..2ecafe5 100644
--- a/templates/register_templ.go
+++ b/templates/register_templ.go
@@ -29,7 +29,7 @@ func Register() templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Register</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night min-h-screen\"><div class=\"container mx-auto px-4 py-8 max-w-md\"><h1 class=\"text-3xl font-bold text-center mb-8\">Register for Bookmann</h1><form hx-post=\"/api/auth/register\" hx-target=\"#result\" hx-swap=\"innerHTML\" class=\"bg-white p-6 rounded-lg shadow-md\"><div class=\"mb-4\"><label class=\"block text-gray-700 mb-2\">Email</label> <input type=\"email\" name=\"email\" class=\"w-full px-3 py-2 border rounded\" required></div><div class=\"mb-4\"><label class=\"block text-gray-700 mb-2\">Username</label> <input type=\"text\" name=\"username\" class=\"w-full px-3 py-2 border rounded\" required></div><div class=\"mb-4\"><label class=\"block text-gray-700 mb-2\">Password</label> <input type=\"password\" name=\"password\" class=\"w-full px-3 py-2 border rounded\" required></div><button type=\"submit\" class=\"w-full bg-green-500 text-white py-2 rounded hover:bg-green-600\">Register</button></form><div id=\"result\" class=\"mt-4 text-center\"></div><p class=\"text-center mt-4\"><a href=\"/login\" class=\"text-blue-500 hover:underline\">Already have an account? Login</a></p></div></body></html>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Register</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"><style>\n            :root {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-tokyo-night {\n                --bg-primary: #1a1b26;\n                --bg-secondary: #16161e;\n                --text-primary: #a9b1d6;\n                --text-secondary: #565f89;\n                --accent: #7aa2f7;\n                --border: #414868;\n            }\n            .theme-dracula {\n                --bg-primary: #282a36;\n                --bg-secondary: #21222c;\n                --text-primary: #f8f8f2;\n                --text-secondary: #6272a4;\n                --accent: #bd93f9;\n                --border: #44475a;\n            }\n            .theme-nord {\n                --bg-primary: #2e3440;\n                --bg-secondary: #3b4252;\n                --text-primary: #eceff4;\n                --text-secondary: #5e81ac;\n                --accent: #88c0d0;\n                --border: #4c566a;\n            }\n            .theme-solarized-dark {\n                --bg-primary: #002b36;\n                --bg-secondary: #073642;\n                --text-primary: #93a1a1;\n                --text-secondary: #586e75;\n                --accent: #2aa198;\n                --border: #586e75;\n            }\n            .theme-monokai {\n                --bg-primary: #272822;\n                --bg-secondary: #3e3d32;\n                --text-primary: #f8f8f2;\n                --text-secondary: #75715e;\n                --accent: #a6e22e;\n                --border: #49483e;\n            }\n            .theme-one-dark-pro {\n                --bg-primary: #282c34;\n                --bg-secondary: #21252b;\n                --text-primary: #abb2bf;\n                --text-secondary: #5c6370;\n                --accent: #61dafb;\n                --border: #3e4451;\n            }\n            .theme-material-dark {\n                --bg-primary: #263238;\n                --bg-secondary: #37474f;\n                --text-primary: #eeffff;\n                --text-secondary: #546e7a;\n                --accent: #80cbc4;\n                --border: #455a64;\n            }\n            .theme-catppuccin-mocha {\n                --bg-primary: #1e1e2e;\n                --bg-secondary: #181825;\n                --text-primary: #cdd6f4;\n                --text-secondary: #bac2de;\n                --accent: #f38ba8;\n                --border: #313244;\n            }\n            .theme-catppuccin-macchiato {\n                --bg-primary: #24273a;\n                --bg-secondary: #1e2030;\n                --text-primary: #cad3f5;\n                --text-secondary: #b8c0e0;\n                --accent: #f0c6c6;\n                --border: #363a4f;\n            }\n            .theme-catppuccin-frappe {\n                --bg-primary: #303446;\n                --bg-secondary: #292c3c;\n                --text-primary: #c6d0f5;\n                --text-secondary: #b5bfe2;\n                --accent: #f2d5cf;\n                --border: #414559;\n            }\n            .theme-catppuccin-latte {\n                --bg-primary: #eff1f5;\n                --bg-secondary: #e6e9ef;\n                --text-primary: #4c4f69;\n                --text-secondary: #5c5f77;\n                --accent: #d20f39;\n                --border: #bcc0cc;\n            }\n            body {\n                background-color: var(--bg-primary);\n                color: var(--text-primary);\n            }\n            .card {\n                background-color: var(--bg-secondary);\n                border-color: var(--border);\n            }\n            .btn-primary {\n                background-color: var(--accent);\n                color: var(--bg-primary);\n            }\n            .btn-primary:hover {\n                opacity: 0.8;\n            }\n        </style></head><body class=\"theme-tokyo-night min-h-screen\"><div class=\"container mx-auto px-4 py-8 max-w-md\"><h1 class=\"text-3xl font-bold text-center mb-8\">Register for Bookhoard</h1><form hx-post=\"/api/auth/register\" hx-target=\"#result\" hx-swap=\"innerHTML\" class=\"bg-white p-6 rounded-lg shadow-md\"><div class=\"mb-4\"><label class=\"block text-gray-700 mb-2\">Email</label> <input type=\"email\" name=\"email\" class=\"w-full px-3 py-2 border rounded\" required></div><div class=\"mb-4\"><label class=\"block text-gray-700 mb-2\">Username</label> <input type=\"text\" name=\"username\" class=\"w-full px-3 py-2 border rounded\" required></div><div class=\"mb-4\"><label class=\"block text-gray-700 mb-2\">Password</label> <input type=\"password\" name=\"password\" class=\"w-full px-3 py-2 border rounded\" required></div><button type=\"submit\" class=\"w-full bg-green-500 text-white py-2 rounded hover:bg-green-600\">Register</button></form><div id=\"result\" class=\"mt-4 text-center\"></div><p class=\"text-center mt-4\"><a href=\"/login\" class=\"text-blue-500 hover:underline\">Already have an account? Login</a></p></div></body></html>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/unlinked_books.templ b/templates/unlinked_books.templ
index a061904..7eab2f2 100644
--- a/templates/unlinked_books.templ
+++ b/templates/unlinked_books.templ
@@ -6,7 +6,7 @@ templ UnlinkedBooks(user User, unlinkedBooks []UnlinkedBookData) {
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Unlinked Books - Bookmann</title>
+        <title>Unlinked Books - Bookhoard</title>
         <script src="/static/htmx.min.js"></script>
         <script src="/static/toast.js"></script>
         <script src="/static/header.js"></script>
diff --git a/templates/unlinked_books_templ.go b/templates/unlinked_books_templ.go
index c2afca9..fbd0b1f 100644
--- a/templates/unlinked_books_templ.go
+++ b/templates/unlinked_books_templ.go
@@ -29,7 +29,7 @@ func UnlinkedBooks(user User, unlinkedBooks []UnlinkedBookData) templ.Component
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Unlinked Books - Bookmann</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Unlinked Books - Bookhoard</title><script src=\"/static/htmx.min.js\"></script><script src=\"/static/toast.js\"></script><script src=\"/static/header.js\"></script><link href=\"/static/style.css\" rel=\"stylesheet\"></head><body class=\"theme-{ user.Theme }\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
