fixed menue

resources/css/app.css

@@ -148,6 +148,34 @@
         box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.2);
     }
 
+    .tab-btn {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        padding: 10px 16px;
+        font-size: 14px;
+        font-weight: 500;
+        white-space: nowrap;
+        border-bottom: 2px solid transparent;
+        margin-bottom: -1px;
+        transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1);
+        cursor: pointer;
+    }
+    .tab-btn:focus {
+        outline: none;
+    }
+    .tab-active {
+        border-bottom-color: var(--color-primary);
+        color: var(--color-primary);
+    }
+    .tab-inactive {
+        color: var(--color-text-muted, var(--color-text-secondary));
+    }
+    .tab-inactive:hover {
+        color: var(--color-text-primary);
+        border-bottom-color: var(--color-border-hover);
+    }
+
     .input-field {
         background: var(--color-surface);
         border: 1px solid var(--color-border);