diff --git a/templates/admin_library_templ.go b/templates/admin_library_templ.go
index 654b05b..8607508 100644
--- a/templates/admin_library_templ.go
+++ b/templates/admin_library_templ.go
@@ -29,20 +29,20 @@ 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=\"https://cdn.tailwindcss.com\"></script><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 - 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, ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(user.Username)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_library.templ`, Line: 53, Col: 91}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_library.templ`, Line: 55, Col: 91}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		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 hover:opacity-80\" 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 bg-accent text-bg-primary\" 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\"><div class=\"flex items-center space-x-4 mb-4\"><a href=\"/admin\" class=\"btn-secondary px-4 py-2 rounded-lg font-medium\">← Back to Dashboard</a></div><h1 class=\"text-3xl font-bold mb-2\" style=\"color: var(--text-primary)\">Library Management</h1><p style=\"color: var(--text-secondary)\">Configure library scanning settings and manage ebook folders</p></div><div class=\"space-y-8\"><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-6\" style=\"color: var(--text-primary)\">Ebook Folders</h3><p style=\"color: var(--text-secondary)\" class=\"mb-4\">Manage folders that Bookmann scans for ebooks</p><div id=\"folders-list\" class=\"space-y-3 mb-6\"><!-- Folders will be loaded here --></div><form hx-post=\"/api/auth/ebook-folders\" hx-target=\"#add-folder-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"flex space-x-3\"><input type=\"text\" name=\"folder_path\" placeholder=\"/path/to/ebooks\" class=\"flex-1 px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Add Folder</button></form><div id=\"add-folder-result\" class=\"mt-2\"></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-6\" style=\"color: var(--text-primary)\">Scan Settings</h3><div class=\"mb-6\"><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Scan Frequency</h4><form hx-put=\"/api/library/scan-settings\" hx-target=\"#scan-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"flex space-x-3 max-w-md\"><select name=\"scan_frequency_minutes\" class=\"flex-1 px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\"><option value=\"15\">Every 15 minutes</option> <option value=\"30\">Every 30 minutes</option> <option value=\"60\">Every hour</option> <option value=\"120\">Every 2 hours</option> <option value=\"240\">Every 4 hours</option></select> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update</button></form><div id=\"scan-result\" class=\"mt-2\"></div></div><div><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Auto Scan</h4><form hx-put=\"/api/library/scan-settings\" hx-target=\"#auto-scan-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"flex items-center space-x-3\"><input type=\"checkbox\" name=\"auto_scan_enabled\" id=\"auto-scan\" class=\"w-4 h-4\" style=\"background-color: var(--bg-primary); border-color: var(--border)\"> <label for=\"auto-scan\" style=\"color: var(--text-secondary)\">Enable automatic library scanning</label> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update</button></form><div id=\"auto-scan-result\" class=\"mt-2\"></div></div></div></div></div></main></div><script>\n            function loadFolders() {\n                fetch('/api/auth/ebook-folders', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(folders => {\n                    const container = document.getElementById('folders-list');\n                    container.innerHTML = folders.map(folder =>\n                        '<div class=\"flex items-center justify-between p-3 border rounded\" style=\"background-color: var(--bg-primary); border-color: var(--border)\">' +\n                        '<span style=\"color: var(--text-primary)\">' + folder.folder_path + '</span>' +\n                        '<button onclick=\"removeFolder(\\'' + folder.id + '\\')\" class=\"text-red-500 hover:text-red-700\">Remove</button>' +\n                        '</div>'\n                    ).join('');\n                })\n                .catch(error => console.error('Error loading folders:', error));\n            }\n\n            function removeFolder(folderId) {\n                if (confirm('Remove this folder from scanning?')) {\n                    fetch('/api/auth/ebook-folders/' + folderId, {\n                        method: 'DELETE',\n                        headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                    })\n                    .then(response => {\n                        if (response.ok) loadFolders();\n                        else alert('Error removing folder');\n                    })\n                    .catch(error => console.error('Error removing folder:', error));\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                loadFolders();\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 hover:opacity-80\" 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 bg-accent text-bg-primary\" style=\"color: var(--text-primary)\">📚 Library Management</a></nav></div></aside><main class=\"flex-1 p-8\"><div class=\"max-w-6xl\"><div class=\"mb-8\"><div class=\"flex items-center justify-between mb-4\"><a href=\"/admin\" class=\"btn-secondary px-4 py-2 rounded-lg font-medium\">← Back to Dashboard</a> <button onclick=\"showCreateLibraryModal()\" class=\"btn-primary px-4 py-2 rounded-lg font-medium\">+ Create Library</button></div><h1 class=\"text-3xl font-bold mb-2\" style=\"color: var(--text-primary)\">Library Management</h1><p style=\"color: var(--text-secondary)\">Manage libraries and configure media scanning</p></div><div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\"><!-- Libraries Section --><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-6\" style=\"color: var(--text-primary)\">Libraries</h3><p style=\"color: var(--text-secondary)\" class=\"mb-4\">Manage media libraries and their folders</p><div id=\"libraries-list\" class=\"space-y-3 mb-6\"><!-- Libraries will be loaded here --></div></div><!-- User Library Visibility Section --><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-6\" style=\"color: var(--text-primary)\">Library Visibility</h3><p style=\"color: var(--text-secondary)\" class=\"mb-4\">Control which libraries are visible to users</p><div id=\"visibility-controls\" class=\"space-y-4\"><!-- Visibility controls will be loaded here --></div></div></div><!-- User Visibility Management --><div class=\"mt-8 card p-6 rounded-lg border\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><h3 class=\"text-xl font-semibold mb-6\" style=\"color: var(--text-primary)\">User Library Access</h3><p style=\"color: var(--text-secondary)\" class=\"mb-4\">Manage individual user access to specific libraries</p><div class=\"mb-4\"><select id=\"user-select\" onchange=\"loadUserVisibility()\" class=\"px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\"><option value=\"\">Select a user...</option></select></div><div id=\"user-libraries\" class=\"space-y-3\"><!-- User library checkboxes will be loaded here --></div></div></div></main></div><!-- Create Library Modal --><div id=\"create-library-modal\" class=\"fixed inset-0 bg-black bg-opacity-50 hidden flex items-center justify-center z-50\"><div class=\"card p-6 rounded-lg border max-w-md w-full mx-4\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\"><h3 class=\"text-xl font-semibold mb-4\" style=\"color: var(--text-primary)\">Create Library</h3><form hx-post=\"/api/libraries\" hx-target=\"#create-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' onsubmit=\"this.reset();\"><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-primary)\">Library Name</label> <input type=\"text\" name=\"name\" placeholder=\"My Ebook Library\" 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 text-sm font-medium mb-2\" style=\"color: var(--text-primary)\">Description</label> <textarea name=\"description\" placeholder=\"Optional description\" rows=\"3\" class=\"w-full px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\"></textarea></div><div class=\"mb-4\"><label class=\"block text-sm font-medium mb-2\" style=\"color: var(--text-primary)\">Library Type</label> <select name=\"type\" class=\"w-full px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required><option value=\"ebooks\">📚 Ebooks</option> <option value=\"comics\">📖 Comics</option> <option value=\"manga\">🗾 Manga</option></select></div><div class=\"flex justify-end space-x-3\"><button type=\"button\" onclick=\"hideCreateLibraryModal()\" class=\"btn-secondary px-4 py-2 rounded\">Cancel</button> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Create</button></div></form><div id=\"create-result\" class=\"mt-2\"></div></div></div><script>\n            let libraries = [];\n            let users = [];\n            let libraryTypes = [];\n\n            function loadLibraries() {\n                fetch('/api/libraries', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(data => {\n                    libraries = data;\n                    renderLibraries();\n                })\n                .catch(error => console.error('Error loading libraries:', error));\n            }\n\n            function renderLibraries() {\n                const container = document.getElementById('libraries-list');\n                container.innerHTML = libraries.map(library => \n                    '<div class=\"p-4 border rounded-lg\" style=\"background-color: var(--bg-primary); border-color: var(--border)\">' +\n                        '<div class=\"flex justify-between items-start mb-2\">' +\n                            '<div>' +\n                                '<h4 class=\"font-semibold\" style=\"color: var(--text-primary)\">' + library.name + '</h4>' +\n                                '<p class=\"text-sm\" style=\"color: var(--text-secondary)\">' + (library.description || '') + '</p>' +\n                                '<span class=\"inline-block px-2 py-1 text-xs rounded\" style=\"background-color: var(--accent); color: var(--bg-primary)\">' + \n                                    (library.type_name || library.type) + '</span>' +\n                            '</div>' +\n                            '<div class=\"flex space-x-2\">' +\n                                '<button onclick=\"showLibraryFolders(\\'' + library.id + '\\')\" class=\"text-xs px-2 py-1 rounded\" style=\"background-color: var(--bg-secondary); color: var(--text-primary)\">Folders</button>' +\n                                '<button onclick=\"editLibrary(\\'' + library.id + '\\')\" class=\"text-xs px-2 py-1 rounded\" style=\"background-color: var(--accent); color: var(--bg-primary)\">Edit</button>' +\n                                '<button onclick=\"deleteLibrary(\\'' + library.id + '\\')\" class=\"text-xs px-2 py-1 rounded text-red-500\">Delete</button>' +\n                            '</div>' +\n                        '</div>' +\n                        '<div id=\"library-folders-' + library.id + '\" class=\"hidden mt-3 space-y-2\"></div>' +\n                    '</div>'\n                ).join('');\n            }\n\n            function loadUsers() {\n                fetch('/api/auth/users', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(data => {\n                    users = data;\n                    renderUserSelect();\n                })\n                .catch(error => console.error('Error loading users:', error));\n            }\n\n            function renderUserSelect() {\n                const select = document.getElementById('user-select');\n                select.innerHTML = '<option value=\"\">Select a user...</option>' + \n                    users.map(user => '<option value=\"' + user.id + '\">' + user.username + ' (' + user.email + ')</option>').join('');\n            }\n\n            function loadUserVisibility() {\n                const userId = document.getElementById('user-select').value;\n                if (!userId) {\n                    document.getElementById('user-libraries').innerHTML = '<p style=\"color: var(--text-secondary)\">Please select a user</p>';\n                    return;\n                }\n\n                // Load user's visible libraries\n                fetch('/api/libraries/visible', {\n                    headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                })\n                .then(response => response.json())\n                .then(visibleLibraries => {\n                    const container = document.getElementById('user-libraries');\n                    const visibleIds = visibleLibraries.map(lib => lib.id);\n                    \n                    container.innerHTML = libraries.map(library => {\n                        const isVisible = visibleIds.includes(library.id);\n                        return '<label class=\"flex items-center space-x-3 p-2 rounded\" style=\"background-color: var(--bg-primary);\">' +\n                            '<input type=\"checkbox\" ' + (isVisible ? 'checked' : '') + \n                                ' onchange=\"setLibraryVisibility(\\'' + userId + '\\', \\'' + library.id + '\\', this.checked)\" ' +\n                                'class=\"w-4 h-4\">' +\n                            '<span style=\"color: var(--text-primary)\">' + library.name + ' (' + library.type_name + ')</span>' +\n                        '</label>';\n                    }).join('');\n                })\n                .catch(error => console.error('Error loading user libraries:', error));\n            }\n\n            function setLibraryVisibility(userId, libraryId, isVisible) {\n                fetch('/api/libraries/visibility', {\n                    method: 'POST',\n                    headers: { \n                        'Authorization': 'Bearer ' + localStorage.getItem('token'),\n                        'Content-Type': 'application/json'\n                    },\n                    body: JSON.stringify({\n                        library_id: libraryId,\n                        is_visible: isVisible\n                    })\n                })\n                .then(response => response.json())\n                .then(() => {\n                    // Refresh visibility controls\n                    loadUserVisibility();\n                })\n                .catch(error => console.error('Error setting library visibility:', error));\n            }\n\n            function showCreateLibraryModal() {\n                document.getElementById('create-library-modal').classList.remove('hidden');\n            }\n\n            function hideCreateLibraryModal() {\n                document.getElementById('create-library-modal').classList.add('hidden');\n            }\n\n            function deleteLibrary(libraryId) {\n                const library = libraries.find(l => l.id === libraryId);\n                if (!library) return;\n                \n                if (confirm('Delete library \"' + library.name + '\"? This will permanently remove all associated media and cannot be undone.')) {\n                    fetch('/api/libraries/' + libraryId, {\n                        method: 'DELETE',\n                        headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                    })\n                    .then(response => {\n                        if (response.ok) {\n                            loadLibraries(); // Refresh\n                        } else {\n                            alert('Error deleting library');\n                        }\n                    })\n                    .catch(error => console.error('Error deleting library:', error));\n                }\n            }\n\n            function showLibraryFolders(libraryId) {\n                const container = document.getElementById('library-folders-' + libraryId);\n                const library = libraries.find(l => l.id === libraryId);\n                \n                if (container.classList.contains('hidden')) {\n                    // Load folders for this library\n                    fetch('/api/libraries/' + libraryId + '/folders', {\n                        headers: { 'Authorization': 'Bearer ' + localStorage.getItem('token') }\n                    })\n                    .then(response => response.json())\n                    .then(folders => {\n                        container.innerHTML = folders.map(folder => \n                            '<div class=\"flex justify-between items-center p-2 rounded\" style=\"background-color: var(--bg-secondary); border-color: var(--border)\">' +\n                                '<span class=\"text-sm\" style=\"color: var(--text-primary)\">' + folder.folder_path + '</span>' +\n                                '<button onclick=\"removeLibraryFolder(\\'' + libraryId + '\\', \\'' + folder.folder_path + '\\')\" ' +\n                                    'class=\"text-xs text-red-500\">Remove</button>' +\n                            '</div>'\n                        ).join('');\n                        \n                        // Add folder input\n                        container.innerHTML += '<div class=\"mt-2 flex space-x-2\">' +\n                            '<input type=\"text\" id=\"folder-path-' + libraryId + '\" placeholder=\"Add folder path\" ' +\n                                'class=\"flex-1 px-2 py-1 text-sm border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\">' +\n                            '<button onclick=\"addLibraryFolder(\\'' + libraryId + '\\')\" ' +\n                                'class=\"btn-primary px-2 py-1 text-xs rounded\">Add</button>' +\n                        '</div>';\n                        \n                        container.classList.remove('hidden');\n                    })\n                    .catch(error => console.error('Error loading folders:', error));\n                } else {\n                    container.classList.add('hidden');\n                }\n            }\n\n            function addLibraryFolder(libraryId) {\n                const input = document.getElementById('folder-path-' + libraryId);\n                const folderPath = input.value.trim();\n                \n                if (!folderPath) return;\n                \n                fetch('/api/libraries/' + libraryId + '/folders', {\n                    method: 'POST',\n                    headers: { \n                        'Authorization': 'Bearer ' + localStorage.getItem('token'),\n                        'Content-Type': 'application/json'\n                    },\n                    body: JSON.stringify({ folder_path: folderPath })\n                })\n                .then(response => response.json())\n                .then(() => {\n                    input.value = '';\n                    showLibraryFolders(libraryId); // Refresh\n                })\n                .catch(error => console.error('Error adding folder:', error));\n            }\n\n            function removeLibraryFolder(libraryId, folderPath) {\n                if (confirm('Remove this folder from the library?')) {\n                    fetch('/api/libraries/' + libraryId + '/folders', {\n                        method: 'DELETE',\n                        headers: { \n                            'Authorization': 'Bearer ' + localStorage.getItem('token'),\n                            'Content-Type': 'application/json'\n                        },\n                        body: JSON.stringify({ folder_path: folderPath })\n                    })\n                    .then(response => response.json())\n                    .then(() => {\n                        showLibraryFolders(libraryId); // Refresh\n                    })\n                    .catch(error => console.error('Error removing folder:', error));\n                }\n            }\n\n            function logout() {\n                localStorage.removeItem('token');\n                localStorage.removeItem('user');\n                window.location.href = '/';\n            }\n\n            function loadTheme() {\n                // Load saved theme if exists\n                const savedTheme = localStorage.getItem('theme');\n                if (savedTheme) {\n                    document.body.className = 'theme-' + savedTheme;\n                }\n            }\n\n            document.addEventListener('DOMContentLoaded', function() {\n                loadTheme();\n                loadLibraries();\n                loadUsers();\n            });\n        </script></body></html>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/admin_profile_templ.go b/templates/admin_profile_templ.go
index 590c37e..b669ab2 100644
--- a/templates/admin_profile_templ.go
+++ b/templates/admin_profile_templ.go
@@ -29,46 +29,46 @@ 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=\"https://cdn.tailwindcss.com\"></script><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 - 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, ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(user.Username)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_profile.templ`, Line: 53, Col: 91}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_profile.templ`, Line: 55, Col: 91}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		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 hover:opacity-80\" style=\"color: var(--text-primary)\">🏠 Dashboard</a> <a href=\"/admin/profile\" class=\"block px-4 py-2 rounded-lg bg-accent text-bg-primary\" 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\"><div class=\"flex items-center space-x-4 mb-4\"><a href=\"/admin\" class=\"btn-secondary px-4 py-2 rounded-lg font-medium\">← Back to Dashboard</a></div><h1 class=\"text-3xl font-bold mb-2\" style=\"color: var(--text-primary)\">Profile Settings</h1><p style=\"color: var(--text-secondary)\">Manage your account information and preferences</p></div><div class=\"space-y-8\"><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-6\" style=\"color: var(--text-primary)\">Account Information</h3><div class=\"mb-6\"><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Username</h4><form hx-put=\"/api/user/username\" hx-target=\"#username-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"flex space-x-3 max-w-md\"><input type=\"text\" name=\"username\" value=\"")
+		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 hover:opacity-80\" style=\"color: var(--text-primary)\">🏠 Dashboard</a> <a href=\"/admin/profile\" class=\"block px-4 py-2 rounded-lg bg-accent text-bg-primary\" 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\"><div class=\"flex items-center space-x-4 mb-4\"><a href=\"/admin\" class=\"btn-secondary px-4 py-2 rounded-lg font-medium\">← Back to Dashboard</a></div><h1 class=\"text-3xl font-bold mb-2\" style=\"color: var(--text-primary)\">Profile Settings</h1><p style=\"color: var(--text-secondary)\">Manage your account information and preferences</p></div><div class=\"space-y-8\"><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-6\" style=\"color: var(--text-primary)\">Account Information</h3><div class=\"mb-6\"><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Username</h4><form hx-put=\"/api/auth/username\" hx-target=\"#username-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"flex space-x-3 max-w-md\"><input type=\"text\" name=\"username\" value=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(user.Username)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_profile.templ`, Line: 99, Col: 92}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_profile.templ`, Line: 101, Col: 92}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "\" class=\"flex-1 px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update</button></form><div id=\"username-result\" class=\"mt-2\"></div></div><div class=\"mb-6\"><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Email Address</h4><form hx-put=\"/api/user/email\" hx-target=\"#email-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"flex space-x-3 max-w-md\"><input type=\"email\" name=\"email\" value=\"")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "\" class=\"flex-1 px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update</button></form><div id=\"username-result\" class=\"mt-2\"></div></div><div class=\"mb-6\"><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Email Address</h4><form hx-put=\"/api/auth/email\" hx-target=\"#email-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"flex space-x-3 max-w-md\"><input type=\"email\" name=\"email\" value=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(user.Email)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_profile.templ`, Line: 108, Col: 87}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin_profile.templ`, Line: 110, Col: 87}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, "\" class=\"flex-1 px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update</button></form><div id=\"email-result\" class=\"mt-2\"></div></div><div><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Change Password</h4><form hx-put=\"/api/user/password\" hx-target=\"#password-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"space-y-4 max-w-md\"><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Current Password</label> <input type=\"password\" name=\"current_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><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">New Password</label> <input type=\"password\" name=\"new_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 minlength=\"6\"></div><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Confirm New Password</label> <input type=\"password\" name=\"confirm_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 minlength=\"6\"></div><button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update Password</button></form><div id=\"password-result\" class=\"mt-2\"></div></div></div></div></div></main></div><script>\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, 4, "\" class=\"flex-1 px-3 py-2 border rounded\" style=\"background-color: var(--bg-primary); color: var(--text-primary); border-color: var(--border)\" required> <button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update</button></form><div id=\"email-result\" class=\"mt-2\"></div></div><div><h4 class=\"text-lg font-medium mb-3\" style=\"color: var(--text-primary)\">Change Password</h4><form hx-put=\"/api/auth/password\" hx-target=\"#password-result\" hx-swap=\"innerHTML\" hx-headers='{\"Authorization\": \"Bearer \" + localStorage.getItem(\"token\")}' class=\"space-y-4 max-w-md\"><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Current Password</label> <input type=\"password\" name=\"current_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><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">New Password</label> <input type=\"password\" name=\"new_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 minlength=\"6\"></div><div><label class=\"block text-sm font-medium mb-1\" style=\"color: var(--text-secondary)\">Confirm New Password</label> <input type=\"password\" name=\"confirm_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 minlength=\"6\"></div><button type=\"submit\" class=\"btn-primary px-4 py-2 rounded\">Update Password</button></form><div id=\"password-result\" class=\"mt-2\"></div></div></div></div></div></main></div><script>\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/admin_templ.go b/templates/admin_templ.go
index 66bd88e..5cefb85 100644
--- a/templates/admin_templ.go
+++ b/templates/admin_templ.go
@@ -29,14 +29,14 @@ 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=\"https://cdn.tailwindcss.com\"></script><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 - 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, ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(user.Username)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin.templ`, Line: 53, Col: 91}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `admin.templ`, Line: 55, Col: 91}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
diff --git a/templates/login_templ.go b/templates/login_templ.go
index 9aa9e73..f1725e9 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=\"https://cdn.tailwindcss.com\"></script><script src=\"https://unpkg.com/htmx.org@1.9.10\"></script><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 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>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/templates/register_templ.go b/templates/register_templ.go
index b7304ba..bcc9781 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=\"https://cdn.tailwindcss.com\"></script><script src=\"https://unpkg.com/htmx.org@1.9.10\"></script><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 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>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
