diff --git a/resources/views/layouts/partials/sidebarMenu.blade.php b/resources/views/layouts/partials/sidebarMenu.blade.php
index 9c1fb03..57fd2ad 100755
--- a/resources/views/layouts/partials/sidebarMenu.blade.php
+++ b/resources/views/layouts/partials/sidebarMenu.blade.php
@@ -44,17 +44,21 @@
                 </li>
                 @endcan
 
-                {{-- Section Header --}}
-                <div class="kt-menu__section" style="padding: 10px 20px; font-weight: bold;">
-                    <i class="kt-menu__section-icon fa fa-box"></i>
-                    <span class="kt-menu__section-text">Manajemen Pengguna</span>
+                {{-- Section Header - Only show if user has access to any submenu --}}
+                @if(Gate::check('view', $menus['user.index']) || Gate::check('view', $menus['roleprivileges.index']))
+                <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
+                    <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
+                        <i class="fa fa-users" style="margin-right: 8px; font-size: 14px;"></i>
+                        <span>Manajemen Pengguna</span>
+                    </div>
                 </div>
+                @endif
             
                 {{-- Submenu Items --}}
                 @can('view', $menus['user.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('user.index') }}" class="kt-menu__link">
-                        <i class="fa fa-car" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-user" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Pengguna</span>
                     </a>
                 </li>
@@ -63,23 +67,27 @@
                 @can('view', $menus['roleprivileges.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('roleprivileges.index') }}" class="kt-menu__link">
-                        <i class="fa fa-users" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-shield-alt" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Role & Privileges</span>
                     </a>
                 </li>
                 @endcan
 
-                {{-- Section Header --}}
-                <div class="kt-menu__section" style="padding: 10px 20px; font-weight: bold;">
-                    <i class="kt-menu__section-icon fa fa-box"></i>
-                    <span class="kt-menu__section-text">Manajemen Transaksi</span>
+                {{-- Section Header - Only show if user has access to any submenu --}}
+                @if(Gate::check('view', $menus['work.index']) || Gate::check('view', $menus['category.index']) || Gate::check('view', $menus['dealer.index']))
+                <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
+                    <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
+                        <i class="fa fa-exchange-alt" style="margin-right: 8px; font-size: 14px;"></i>
+                        <span>Manajemen Transaksi</span>
+                    </div>
                 </div>
+                @endif
             
                 {{-- Submenu Items --}}
                 @can('view', $menus['work.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('work.index') }}" class="kt-menu__link">
-                        <i class="fa fa-car" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-wrench" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Pekerjaan</span>
                     </a>
                 </li>
@@ -88,7 +96,7 @@
                 @can('view', $menus['category.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('category.index') }}" class="kt-menu__link">
-                        <i class="fa fa-users" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-tags" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Kategori Pekerjaan</span>
                     </a>
                 </li>
@@ -97,23 +105,27 @@
                 @can('view', $menus['dealer.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('dealer.index') }}" class="kt-menu__link">
-                        <i class="fa fa-list" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-store" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Dealer</span>
                     </a>
                 </li>
                 @endcan
 
-                {{-- Section Header --}}
-                <div class="kt-menu__section" style="padding: 10px 20px; font-weight: bold;">
-                    <i class="kt-menu__section-icon fa fa-box"></i>
-                    <span class="kt-menu__section-text">Manajemen Gudang</span>
+                {{-- Section Header - Only show if user has access to any submenu --}}
+                @if(Gate::check('view', $menus['products.index']) || Gate::check('view', $menus['product_categories.index']) || Gate::check('view', $menus['mutations.index']) || Gate::check('view', $menus['opnames.index']) || Gate::check('view', $menus['stock-audit.index']))
+                <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
+                    <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
+                        <i class="fa fa-warehouse" style="margin-right: 8px; font-size: 14px;"></i>
+                        <span>Manajemen Gudang</span>
+                    </div>
                 </div>
+                @endif
             
                 {{-- Submenu Items --}}
                 @can('view', $menus['products.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('products.index') }}" class="kt-menu__link">
-                        <i class="fa fa-car" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-box" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Produk</span>
                     </a>
                 </li>
@@ -122,7 +134,7 @@
                 @can('view', $menus['product_categories.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('product_categories.index') }}" class="kt-menu__link">
-                        <i class="fa fa-users" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-layer-group" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Kategori Produk</span>
                     </a>
                 </li>
@@ -131,7 +143,7 @@
                 @can('view', $menus['mutations.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('mutations.index') }}" class="kt-menu__link">
-                        <i class="fa fa-list" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-arrows-alt" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Mutasi Produk</span>
                     </a>
                 </li>
@@ -140,7 +152,7 @@
                 @can('view', $menus['opnames.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('opnames.index') }}" class="kt-menu__link">
-                        <i class="fa fa-list" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-clipboard-check" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Stock Opname</span>
                     </a>
                 </li>
@@ -149,17 +161,21 @@
                 @can('view', $menus['stock-audit.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('stock-audit.index') }}" class="kt-menu__link">
-                        <i class="fa fa-list" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-history" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Histori Stock</span>
                     </a>
                 </li>
                 @endcan
 
-                {{-- Section Header --}}
-                <div class="kt-menu__section" style="padding: 10px 20px; font-weight: bold;">
-                    <i class="kt-menu__section-icon fa fa-box"></i>
-                    <span class="kt-menu__section-text">Laporan</span>
+                {{-- Section Header - Only show if user has access to any submenu --}}
+                @if(Gate::check('view', $menus['report.transaction_sa']) || Gate::check('view', $menus['report.transaction']) || Gate::check('view', $menus['report.transaction_dealer']) || Gate::check('view', $menus['work.index']))
+                <div class="kt-menu__section" style="padding: 15px 20px; margin-top: 10px; margin-bottom: 5px;">
+                    <div style="display: flex; align-items: center; color: #a7abc3; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">
+                        <i class="fa fa-chart-bar" style="margin-right: 8px; font-size: 14px;"></i>
+                        <span>Laporan</span>
+                    </div>
                 </div>
+                @endif
             
                 {{-- Submenu Items --}}
                 @can('view', $menus['report.transaction_sa'])
@@ -174,7 +190,7 @@
                 @can('view', $menus['report.transaction'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('report.transaction') }}" class="kt-menu__link">
-                        <i class="fa fa-users" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-file-alt" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Pekerjaan</span>
                     </a>
                 </li>
@@ -183,7 +199,7 @@
                 @can('view', $menus['report.transaction_dealer'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('report.transaction_dealer') }}" class="kt-menu__link">
-                        <i class="fa fa-list" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-store" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Dealer</span>
                     </a>
                 </li>
@@ -192,7 +208,7 @@
                 @can('view', $menus['work.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('work.index') }}" class="kt-menu__link">
-                        <i class="fa fa-list" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-cubes" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Stok Produk</span>
                     </a>
                 </li>
@@ -201,7 +217,7 @@
                 @can('view', $menus['work.index'])
                 <li class="kt-menu__item" aria-haspopup="true">
                     <a href="{{ route('work.index') }}" class="kt-menu__link">
-                        <i class="fa fa-list" style="display: flex; align-items: center; margin-right: 10px;"></i>
+                        <i class="fa fa-user-cog" style="display: flex; align-items: center; margin-right: 10px;"></i>
                         <span class="kt-menu__link-text">Teknisi</span>
                     </a>
                 </li>