[FEAT] 儀表板中文化、數據動態化及 UI 細節優化

resources/css/app.css

@@ -95,4 +95,30 @@
     [x-cloak] {
         display: none !important;
     }
+}
+
+@layer components {
+    .luxury-nav-item {
+        @apply flex items-center gap-x-3.5 py-2.5 px-4 text-sm font-medium rounded-xl transition-all duration-200;
+        @apply text-slate-500 hover:text-slate-900 hover:bg-slate-100;
+        @apply dark:text-slate-400 dark:hover:text-white dark:hover:bg-white/5;
+    }
+
+    .luxury-nav-item.active {
+        @apply bg-slate-100 text-slate-900;
+        @apply dark:bg-white/10 dark:text-white;
+        position: relative;
+    }
+
+    .luxury-nav-item.active::before {
+        content: "";
+        @apply absolute left-0 w-1 h-5 bg-cyan-500 rounded-full shadow-[0_0_8px_rgba(6,182,212,0.5)];
+        left: 0;
+    }
+
+    /* Submenu styling */
+    .luxury-submenu {
+        @apply mt-2 space-y-1 ps-4 border-l border-slate-200 ms-4;
+        @apply dark:border-white/10;
+    }
 }