additional files

src/app/navbar/navbar.component.scss

@@ -99,6 +99,62 @@
       background: rgba(232, 122, 46, 0.1);
     }
   }
+
+  .nav-admin {
+    color: var(--color-accent-light);
+    font-weight: 600;
+  }
+}
+
+// Auth section in navbar
+.nav-auth {
+  display: flex;
+  align-items: center;
+  gap: $spacing-sm;
+  margin-left: $spacing-sm;
+}
+
+.user-menu {
+  display: flex;
+  align-items: center;
+  gap: $spacing-sm;
+
+  .user-name {
+    color: var(--color-light);
+    font-size: 0.875rem;
+    font-weight: 500;
+  }
+}
+
+.btn-logout {
+  background: none;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  color: var(--color-light);
+  padding: $spacing-xs $spacing-sm;
+  border-radius: $radius-sm;
+  font-size: 0.8rem;
+  cursor: pointer;
+  transition: border-color $transition-fast, color $transition-fast;
+
+  &:hover {
+    border-color: var(--color-accent);
+    color: var(--color-accent-light);
+  }
+}
+
+.btn-sign-in {
+  color: var(--color-accent-light);
+  font-size: 0.9rem;
+  font-weight: 500;
+  text-decoration: none;
+  padding: $spacing-xs $spacing-sm;
+  border-radius: $radius-sm;
+  transition: color $transition-fast, background $transition-fast;
+
+  &:hover {
+    color: var(--color-accent);
+    background: rgba(232, 122, 46, 0.1);
+  }
 }
 
 .btn-donate-nav {