Sidebar fix

Styles now actually get applied and sidebar doesn't block content
Also the login page doesn't have a sidebar now

frontend/src/styles/_mixins.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 @mixin card {
   backgroud: #fff;
   border-radius: &border-radius;

frontend/src/styles/_utilities.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 .u-hidden { display: none !important; }
 .u-gap-sm { gap: $spacing-sm; }
 .text-muted { color: $color-muted; }

frontend/src/styles/components/_tickets.scss

@@ -1,3 +1,6 @@
+@use "../mixins" as *;
+@use "../variables" as *;
+
 .ticket-card {
   @include card();
   border-left: 4px solid $color-accent;

frontend/src/styles/main.scss

@@ -14,6 +14,21 @@ body {
 .admin { display: flex; }
 .content { flex: 1; padding: variables.$spacing-md; }
 
+.layout {
+    display: flex;
+    min-height: 100vh;
+}
+
+.sidebar {
+    width: 260px;
+    flex-shrink: 0;
+}
+
+.content {
+    flex: 1;
+    min-width: 0;
+}
+
 @media (max-width: 768px) {
   .sidebar { position: fixed; left: -100%; transition: left .2s; }
   .sidebar.open { left: 0; }