prettier navbar + replaced login for index

app.py

@@ -127,7 +127,7 @@ def login_required(f):
     @wraps(f)
     def decorated_function(*args, **kwargs):
         if 'user_id' not in session:
-            return redirect(url_for('login'))
+            return redirect(url_for('index'))
         return f(*args, **kwargs)
     return decorated_function
 
@@ -136,14 +136,19 @@ def admin_required(f):
     def decorated_function(*args, **kwargs):
         if 'user_id' not in session or not session.get('is_admin'):
             flash("Acceso denegado. Se requieren permisos de administrador.", "danger")
-            return redirect(url_for('login'))
+            return redirect(url_for('index'))
         return f(*args, **kwargs)
     return decorated_function
 
 # --- Routes ---
 
 @app.route('/', methods=['GET', 'POST'])
-def login():
+def index(): # Cambiado de 'login' a 'index'
+    if 'user_id' in session:
+        if session.get('is_admin'):
+            return redirect(url_for('admin_rendiciones'))
+        return redirect(url_for('worker_dashboard'))
+    
     if request.method == 'POST':
         raw_rut = request.form['rut']
         password = request.form['password']
@@ -174,7 +179,7 @@ def login():
 @app.route('/logout')
 def logout():
     session.clear()
-    return redirect(url_for('login'))
+    return redirect(url_for('index'))
 
 @app.route('/dashboard', methods=['GET', 'POST'])
 @login_required

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 */

templates/macros/navbar.html

@@ -1,7 +1,10 @@
-<nav class="navbar navbar-expand-lg border-bottom mb-4">
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm border-bottom border-secondary mb-4">
     <div class="container">
-        <a class="navbar-brand" href="#">Rendiciones App</a>
+        <a class="navbar-brand d-flex align-items-center fw-bold text-info" href="{{ url_for('index') }}">
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+            <i class="bi bi-receipt-cutoff me-2 fs-4"></i>
+            <span>SekiPOS</span>
+        </a>
+        <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNav">
@@ -9,45 +12,48 @@
                 <ul class="navbar-nav me-auto">
                     {% if session.get('is_admin') %}
                         <li class="nav-item">
-                            <a class="nav-link {% if 'rendiciones' in request.path %}active{% endif %}" href="{{ url_for('admin_rendiciones') }}">Rendiciones</a>
+                            <a class="nav-link d-flex align-items-center {{ 'active fw-bold' if 'rendiciones' in request.path }}" href="{{ url_for('admin_rendiciones') }}">
+                                <i class="bi bi-journal-text me-1"></i> Rendiciones
+                            </a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link {% if request.endpoint == 'manage_workers' %}active{% endif %}" href="{{ url_for('manage_workers') }}">Trabajadores</a>
+                            <a class="nav-link d-flex align-items-center {{ 'active fw-bold' if request.endpoint == 'manage_workers' }}" href="{{ url_for('manage_workers') }}">
+                                <i class="bi bi-people me-1"></i> Trabajadores
+                            </a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link {% if request.endpoint == 'manage_structure' %}active{% endif %}" href="{{ url_for('manage_structure') }}">Zonas y Módulos</a>
+                            <a class="nav-link d-flex align-items-center {{ 'active fw-bold' if request.endpoint == 'manage_structure' }}" href="{{ url_for('manage_structure') }}">
+                                <i class="bi bi-diagram-3 me-1"></i> Estructura
+                            </a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link {% if request.endpoint == 'manage_products' %}active{% endif %}" href="{{ url_for('manage_products') }}">Productos</a>
+                            <a class="nav-link d-flex align-items-center {{ 'active fw-bold' if request.endpoint == 'manage_products' }}" href="{{ url_for('manage_products') }}">
+                                <i class="bi bi-box-seam me-1"></i> Productos
+                            </a>
                         </li>
                     {% else %}
                         <li class="nav-item">
-                            <a class="nav-link {% if request.endpoint == 'worker_dashboard' %}active{% endif %}" href="{{ url_for('worker_dashboard') }}">Mis Rendiciones</a>
+                            <a class="nav-link {{ 'active fw-bold' if request.endpoint == 'worker_dashboard' }}" href="{{ url_for('worker_dashboard') }}">
+                                <i class="bi bi-speedometer2 me-1"></i> Mis Rendiciones
+                            </a>
                         </li>
                     {% endif %}
                 </ul>
                 
-                <ul class="navbar-nav">
+                <div class="d-flex align-items-center gap-3">
-                    <li class="nav-item dropdown">
+                    <button class="btn btn-link nav-link p-2 border-0" id="themeSwitcher" onclick="toggleTheme()" title="Cambiar tema">
-                        <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        <i id="theme-icon" class="bi bi-sun-fill fs-5 text-warning"></i>
-                            <i class="bi bi-person-circle me-1"></i> {{ session.get('rut', 'Admin') }}
+                    </button>
-                        </a>
+
-                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
+                    <span class="navbar-text text-light d-none d-md-block border-start ps-3 border-secondary">
-                            <li>
+                        <i class="bi bi-person-badge me-1 text-info"></i>
-                                <button class="dropdown-item d-flex align-items-center" onclick="toggleTheme()">
+                        <span class="fw-bold">{{ session.get('rut') }}</span>
-                                    <i id="theme-icon" class="bi bi-sun me-2"></i>
+                    </span>
-                                    <span id="theme-label">Modo Claro</span>
+
-                                </button>
+                    <a href="{{ url_for('logout') }}" class="btn btn-outline-danger btn-sm rounded-pill px-3">
-                            </li>
+                        <i class="bi bi-box-arrow-right me-1"></i> Salir
-                            <li><hr class="dropdown-divider"></li>
+                    </a>
-                            <li>
+                </div>
-                                <a class="dropdown-item text-danger d-flex align-items-center" href="{{ url_for('logout') }}">
-                                    <i class="bi bi-box-arrow-right me-2"></i> Cerrar Sesión
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
             {% endif %}
         </div>
     </div>

templates/worker_dashboard.html

@@ -27,7 +27,7 @@
 
 <form method="POST">
     <div class="card mb-4 shadow-sm">
-        <div class="card-header bg-secondary text-white">Datos del Turno</div>
+        <div class="card-header bg-primary text-white">Datos del Turno</div>
         <div class="card-body">
             <div class="row g-3">
                 <div class="col-md-6">
@@ -48,7 +48,7 @@
     </div>
 
     <div class="card mb-4 shadow-sm">
-        <div class="card-header bg-secondary text-white">Detalle de Productos Vendidos</div>
+        <div class="card-header bg-primary text-white">Detalle de Productos Vendidos</div>
         <div class="card-body p-0">
             <table class="table table-striped table-hover mb-0">
                 <thead class="table-dark">