refactor: melhorias na interface de login e alertas, foco em mobile-first

static/css/style.css

@@ -41,6 +41,13 @@ body {
     height: 35px;
     width: auto;
     margin-right: 10px;
+    object-fit: contain;
+}
+
+.login-logo {
+    height: 100px;
+    width: auto;
+    object-fit: contain;
 }
 
 .nav-link {
@@ -114,16 +121,33 @@ body {
     box-shadow: 0 0 0 0.2rem rgba(232, 0, 12, 0.25);
 }
 
-.alert-success {
-    background-color: #28a745;
-    color: white;
+.alert {
+    position: fixed;
+    top: 1rem;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1050;
+    min-width: 300px;
+    max-width: 90%;
+    text-align: center;
+    backdrop-filter: blur(5px);
     border: none;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+}
+
+.alert-info {
+    background-color: rgba(255,255,255,0.9);
+    color: var(--secondary-color);
 }
 
 .alert-danger {
     background-color: var(--primary-color);
     color: white;
-    border: none;
+}
+
+.alert-success {
+    background-color: rgba(40, 167, 69, 0.9);
+    color: white;
 }
 
 /* Animações para feedback */
@@ -142,6 +166,10 @@ body {
         font-size: 1.2rem;
     }
     
+    .navbar-logo {
+        height: 30px;
+    }
+    
     .container {
         padding: 1rem;
     }
@@ -149,6 +177,12 @@ body {
     .card {
         margin-bottom: 1rem;
     }
+    
+    .alert {
+        margin: 1rem;
+        width: calc(100% - 2rem);
+        max-width: none;
+    }
 }
 
 .dropdown-menu {