feat: padroniza componentes e estilos globais - Cria components.css, ajusta cores e organiza modais

templates/base.html

@@ -9,6 +9,8 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css?v=1" rel="stylesheet">
     <!-- Font Awesome 6 -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css?v=1">
+    <!-- Componentes CSS -->
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/components.css') }}">
     
     <style>
         :root {
@@ -22,6 +24,7 @@
             --info-color: #0dcaf0;
             --background-gradient: linear-gradient(135deg, var(--primary-color) 40%, white 100%);
             --navbar-stripe: 4px solid var(--primary-color);
+            --table-header-bg: #d8dde2;
         }
 
         body {
@@ -420,6 +423,21 @@
             padding: 2rem 1rem;
             min-height: calc(100vh - 70px);
         }
+
+        .table thead {
+            background-color: var(--table-header-bg) !important;
+        }
+
+        .btn-outline-primary {
+            color: #0d6efd;
+            border-color: #0d6efd;
+        }
+        
+        .btn-outline-primary:hover {
+            color: #fff;
+            background-color: #0d6efd;
+            border-color: #0d6efd;
+        }
     </style>
     {% block extra_css %}{% endblock %}
 </head>