op ui

src/styles.css

@@ -197,6 +197,11 @@ button {
   background: rgba(234, 88, 12, 0.12);
 }
 
+.browser-nav-item.utility.active {
+  background: rgba(15, 23, 42, 0.08);
+  border-color: rgba(15, 23, 42, 0.1);
+}
+
 .browser-nav-icon,
 .profile-avatar,
 .extension-icon {
@@ -241,6 +246,14 @@ button {
   background: linear-gradient(135deg, #c2410c, #fb923c);
 }
 
+.config-nav-icon {
+  background: linear-gradient(135deg, #334155, #64748b);
+}
+
+.sidebar-utility-nav {
+  margin-top: auto;
+}
+
 .browser-nav-body {
   min-width: 0;
 }
@@ -276,30 +289,6 @@ button {
   overflow: hidden;
 }
 
-.page-tabs {
-  display: flex;
-  gap: 10px;
-  flex-shrink: 0;
-}
-
-.page-tab {
-  padding: 10px 14px;
-  border-radius: 14px;
-  background: rgba(255, 255, 255, 0.58);
-  color: var(--muted);
-  cursor: pointer;
-  transition:
-    background 160ms ease,
-    color 160ms ease,
-    box-shadow 160ms ease;
-}
-
-.page-tab.active {
-  color: var(--text);
-  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(232, 240, 255, 0.92));
-  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
-}
-
 .section-tabs,
 .content-section,
 .state-panel {
@@ -805,7 +794,7 @@ button {
 }
 
 .sidebar-refresh {
-  margin-top: auto;
+  margin-top: 10px;
   align-self: stretch;
 }