refactor: melhorias na UI - navbar, logo e layout da data

static/css/style.css

@@ -19,19 +19,20 @@ body {
 }
 
 .navbar {
-    background: var(--secondary-color) !important;
+    background: linear-gradient(to right, var(--secondary-dark), var(--secondary-color)) !important;
     box-shadow: 0 2px 4px rgba(0,0,0,0.2);
     border-bottom: 3px solid var(--primary-color);
-    padding: 0.5rem 1rem;
+    padding: 0.8rem 1rem;
 }
 
 .navbar-brand {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 12px;
-    font-size: 1.4rem;
+    font-size: 1.3rem;
-    font-weight: 600;
+    font-weight: 500;
     color: var(--text-light) !important;
+    letter-spacing: 0.5px;
 }
 
 .navbar-brand img {
@@ -40,8 +41,9 @@ body {
 }
 
 .navbar-logo {
-    height: 35px;
+    height: 32px;
-    width: 35px;
+    width: auto;
+    display: block;
 }
 
 .login-logo {
@@ -50,14 +52,22 @@ body {
 }
 
 .nav-link {
-    font-weight: 500;
+    font-weight: 400;
+    font-size: 0.95rem;
+    letter-spacing: 0.3px;
     transition: all 0.3s ease;
-    color: var(--text-light) !important;
+    color: rgba(255, 255, 255, 0.85) !important;
+    padding: 0.5rem 1rem;
 }
 
 .nav-link:hover {
-    color: var(--primary-color) !important;
+    color: var(--text-light) !important;
-    transform: translateY(-2px);
+    transform: translateY(-1px);
+}
+
+.nav-link i {
+    font-size: 0.9rem;
+    opacity: 0.9;
 }
 
 .card {
@@ -199,19 +209,27 @@ body {
 }
 
 .dropdown-menu {
-    background-color: var(--secondary-color);
+    background: linear-gradient(to bottom right, var(--secondary-dark), var(--secondary-color));
-    border: 1px solid var(--secondary-light);
+    border: 1px solid rgba(255,255,255,0.1);
-    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+    padding: 0.5rem;
+    margin-top: 0.5rem;
+    border-radius: 8px;
 }
 
 .dropdown-item {
-    color: var(--text-light) !important;
+    color: rgba(255, 255, 255, 0.85) !important;
+    font-size: 0.9rem;
+    font-weight: 400;
+    padding: 0.6rem 1rem;
+    border-radius: 6px;
     transition: all 0.2s ease;
 }
 
 .dropdown-item:hover {
     background-color: var(--primary-color);
     color: var(--text-light) !important;
+    transform: translateX(3px);
 }
 
 .dropdown-divider {
@@ -230,3 +248,13 @@ body {
         height: 30px;
     }
 }
+
+/* Data styles */
+.date-header {
+    padding: 1.5rem 0;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px solid rgba(0,0,0,0.1);
+    color: var(--secondary-color);
+    font-weight: 400;
+    font-size: 1.4rem;
+} 

templates/base.html

@@ -24,7 +24,7 @@
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
-                <ul class="navbar-nav me-auto">
+                <ul class="navbar-nav mx-auto">
                     {% if current_user.has_permission('view_cell_data') %}
                     <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" id="militantesDropdown" role="button" data-bs-toggle="dropdown">

templates/home.html

@@ -3,15 +3,13 @@
 {% block title %}Home{% endblock %}
 
 {% block content %}
-<div class="row mb-4">
+<div class="row g-4">
     <div class="col-12">
-        <h3 class="text-muted mb-4">
+        <h3 class="date-header">
             {{ data_atual }}
         </h3>
     </div>
-</div>
 
-<div class="row g-4">
     {% if current_user.has_permission('view_cell_data') %}
     <!-- Card de Militantes -->
     <div class="col-md-6 col-lg-3">