qwewqe

public/assets/apps/user-management/app.css

@@ -171,6 +171,62 @@
     resize: vertical;
 }
 
+#user-management-app .um-user-picker {
+    position: relative;
+}
+
+#user-management-app .um-user-picker-list {
+    position: absolute;
+    top: calc(100% + 8px);
+    left: 0;
+    right: 0;
+    z-index: 20;
+    display: grid;
+    gap: 8px;
+    max-height: 320px;
+    overflow: auto;
+    padding: 10px;
+    border: 1px solid rgba(148, 163, 184, 0.24);
+    border-radius: 16px;
+    background: rgba(255, 255, 255, 0.98);
+    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12);
+}
+
+#user-management-app .um-user-picker-option {
+    display: grid;
+    gap: 2px;
+    width: 100%;
+    padding: 12px 14px;
+    border: 1px solid rgba(148, 163, 184, 0.18);
+    border-radius: 14px;
+    background: rgba(248, 250, 252, 0.95);
+    color: #0f172a;
+    text-align: left;
+    font: inherit;
+    cursor: pointer;
+}
+
+#user-management-app .um-user-picker-option:hover {
+    border-color: rgba(37, 99, 235, 0.35);
+    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.3);
+    background: #eff6ff;
+}
+
+#user-management-app .um-user-picker-option strong {
+    font-size: 14px;
+}
+
+#user-management-app .um-user-picker-option span,
+#user-management-app .um-user-picker-empty {
+    font-size: 13px;
+    line-height: 1.45;
+    color: #475569;
+}
+
+#user-management-app .um-user-picker-empty {
+    padding: 8px 4px;
+}
+
 #user-management-app .um-fieldset {
     margin: 0;
     padding: 0;