[FEAT] 優化帳號管理授權顯示邏輯與 UI 樣式一致性

resources/css/app.css

@@ -265,4 +265,48 @@
         background-repeat: no-repeat;
         background-size: 1.25em 1.25em;
     }
+
+    /* Preline Searchable Select Customizations */
+    .hs-select-toggle.luxury-select-toggle {
+        @apply luxury-input pr-10 cursor-pointer text-start flex items-center justify-between relative;
+    }
+
+    .hs-select-toggle.luxury-select-toggle::after {
+        content: "";
+        @apply absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 transition-transform duration-300 pointer-events-none;
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");
+        background-repeat: no-repeat;
+        background-size: contain;
+    }
+
+    /* 當選單開啟時旋轉箭頭 */
+    .hs-select.active .hs-select-toggle::after,
+    .hs-select-toggle.active::after,
+    .hs-select-toggle[aria-expanded="true"]::after {
+        @apply rotate-180;
+    }
+
+    .hs-select-menu {
+        @apply mt-2 max-h-72 p-2 space-y-0.5 z-50 bg-white border border-slate-200 rounded-2xl shadow-2xl overflow-y-auto;
+        @apply dark:bg-slate-900 dark:border-slate-800;
+        backdrop-filter: blur(12px);
+    }
+
+    .hs-select-option {
+        @apply py-2.5 px-4 w-full text-sm font-bold text-slate-700 cursor-pointer hover:bg-slate-50 rounded-xl transition-colors;
+        @apply dark:text-slate-200 dark:hover:bg-slate-800;
+    }
+
+    .hs-selected.hs-select-option {
+        @apply bg-cyan-50 text-cyan-600;
+        @apply dark:bg-cyan-500/10 dark:text-cyan-400;
+    }
+
+    .hs-select-search-wrapper {
+        @apply p-2 sticky top-0 bg-white/80 dark:bg-slate-900/80 backdrop-blur-md z-10 mb-1 border-b border-slate-100 dark:border-slate-800;
+    }
+
+    .hs-select-search-input {
+        @apply luxury-input py-2 px-3 text-xs border-slate-100 dark:border-slate-800;
+    }
 }