重构主导航栏父子菜单选中态与树形分支样式

frontend/src/index.css

@@ -254,8 +254,8 @@ a:hover {
 .app-sidebar__item {
   display: flex;
   align-items: center;
-  min-height: 44px;
-  padding: 10px 14px;
+  min-height: 40px;
+  padding: 8px 12px;
   border-radius: var(--radius-md);
   font-size: 14px;
   font-weight: 600;
@@ -263,7 +263,17 @@ a:hover {
 
 .app-sidebar__item:hover {
   color: #2563eb;
-  background: #eff6ff;
+  background: #f1f5f9;
+}
+
+.app-sidebar__item--parent-active {
+  color: #2563eb !important;
+  font-weight: 700;
+  background: transparent !important;
+}
+
+.app-sidebar__item--parent-active .app-sidebar__icon {
+  color: #2563eb !important;
 }
 
 .app-sidebar__item--active {
@@ -328,28 +338,30 @@ a:hover {
 .app-sidebar__children {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-  margin-top: 4px;
-  padding-left: 36px;
+  gap: 2px;
+  margin: 2px 0 4px 22px;
+  padding-left: 10px;
+  border-left: 1.5px solid #e2e8f0;
 }
 
 .app-sidebar__child {
-  min-height: 38px;
-  padding: 8px 12px;
-  border-radius: var(--radius-sm);
-  font-size: 13.5px;
+  min-height: 34px;
+  padding: 6px 12px;
+  border-radius: 6px;
+  font-size: 13px;
   font-weight: 500;
+  color: #64748b;
 }
 
 .app-sidebar__child:hover:not(:disabled) {
   color: #2563eb;
-  background: #eff6ff;
+  background: #f1f5f9;
 }
 
 .app-sidebar__child--active {
-  color: #1d4ed8 !important;
-  background: #dbeafe !important;
-  font-weight: 600;
+  color: #2563eb !important;
+  background: #eff6ff !important;
+  font-weight: 700;
 }
 
 .app-sidebar--collapsed .app-sidebar__brand {