Improvements

More styling

frontend/src/styles/main.scss

@@ -3,6 +3,10 @@
 @use "utilities";
 @use "components/sidebar";
 @use "components/tickets";
+@use "components/alltickets";
+@use "components/allusers";
+@use "components/forms";
+@use "components/login";
 @use "components/diagnostics";
 @use "components/pages";
 @use "components/setup";
@@ -24,30 +28,6 @@ body {
   }
 }
 
-.container {
-  max-width: 900px;
-  margin: auto;
-  background: variables.$color-container;
-  padding: variables.$spacing-lg;
-  border-radius: 1rem;
-  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
-
-  @media (prefers-color-scheme: dark) {
-    background: variables.$color-container-dark;
-  }
-}
-
-.header-with-image {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.header-with-image img {
-  height: 60px;
-}
-
 input, textarea, select {
   width: 100%;
   padding: variables.$spacing-md;
@@ -111,42 +91,28 @@ form {
   }
 }
 
-.login-btn {
-  display: inline-block;
-  padding: 12px 400px;
-  background: variables.$color-primary;
-  color: white;
-  border-radius: variables.$border-radius-lg;
-  text-decoration: none;
-  font-weight: bold;
-  font-size: 1rem;
-  cursor: pointer;
-  border: none;
-  transition: all 0.2s ease-in-out;
-  margin-bottom: 15px;
+.container {
+  max-width: 900px;
+  margin: auto;
+  background: variables.$color-container;
+  padding: variables.$spacing-lg;
+  border-radius: 1rem;
+  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
 
-  &:hover {
-    background: variables.$color-primary-hover;
-    transform: scale(1.05);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  @media (prefers-color-scheme: dark) {
+    background: variables.$color-container-dark;
   }
 }
 
-.logout-btn {
-  display: inline-block;
-  padding: 10px 20px;
-  background: variables.$color-logout;
-  color: white;
-  border-radius: variables.$border-radius-lg;
-  text-decoration: none;
-  font-weight: bold;
-  transition: 0.2s ease-in-out;
+.header-with-image {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   margin-bottom: 20px;
+}
 
-  &:hover {
-    background: variables.$color-logout-hover;
-    transform: scale(1.05);
-  }
+.header-with-image img {
+  height: 60px;
 }
 
 .admin { display: flex; }