prettier navbar + replaced login for index

static/style.css

@@ -1,4 +1,46 @@
 
+.navbar {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+}
+
+.navbar-brand {
+    font-size: 1.25rem;
+    letter-spacing: -0.5px;
+}
+
+.nav-link {
+    transition: color 0.2s ease-in-out;
+}
+
+/* Estilo para los elementos del dropdown al pasar el mouse */
+.dropdown-menu-dark .dropdown-menu-item {
+    color: #dee2e6;
+    text-decoration: none;
+    padding: 0.25rem 1rem;
+    display: block;
+    width: 100%;
+    clear: both;
+    font-weight: 400;
+    text-align: inherit;
+    white-space: nowrap;
+    background-color: transparent;
+    border: 0;
+    transition: background-color 0.15s ease-in-out;
+}
+
+.dropdown-menu-dark .dropdown-menu-item:hover {
+    color: #fff;
+    background-color: rgba(255, 255, 255, 0.1);
+    border-radius: 6px;
+}
+
+/* Separación de iconos en dropdowns */
+.dropdown-menu-item i {
+    width: 1.25rem;
+    text-align: center;
+}
+
 [data-bs-theme="dark"] .form-control[readonly] {
     background-color: #1a1d21; /* Un fondo casi negro, más oscuro que el modal */
     border-color: #373b3e;     /* Un borde sutil */