logout btn

src/assets/scss/main.scss

@@ -1,5 +1,8 @@
 @use './variables.scss' as vars;
 
+* {
+  box-sizing: border-box;
+}
 // Reset and base styles
 :root {
   // Global transition for theme switching
@@ -13,8 +16,6 @@
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
-  box-sizing: border-box;
 }
 
 // Default dark theme

src/components/SideNav.vue

@@ -411,8 +411,6 @@ const handleLogout = () => {
   
   .logout-container {
     margin-top: auto;
-    padding: 0.5rem 1rem 1rem;
-    border-top: 1px solid var(--sidebar-border);
     
     .logout-button {
       display: flex;
@@ -421,15 +419,14 @@ const handleLogout = () => {
       padding: 0.75rem 1rem;
       background-color: transparent;
       color: var(--text-color);
-      border: 1px solid var(--sidebar-border);
-      border-radius: 8px;
+      border-radius: 0;
       cursor: pointer;
       transition: all 0.3s ease;
+      border-color: transparent;
       
       &:hover {
         background-color: rgba(220, 53, 69, 0.1);
         color: #dc3545;
-        border-color: rgba(220, 53, 69, 0.3);
       }
       
       .icon {