fix: 1:1 prototype port – exact hms-* CSS, real logo, all components from app.js

frontend/components/EmptyState.vue

@@ -1,30 +1,13 @@
 <template>
-  <div class="flex flex-col items-center justify-center py-12 text-center">
-    <div class="w-16 h-16 mb-4 flex items-center justify-center rounded-full bg-surface">
-      <svg class="w-8 h-8 text-secondary" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true">
-        <path stroke-linecap="round" stroke-linejoin="round" d="M9 17v-6a2 2 0 012-2h2a2 2 0 012 2v6m-6 0h6m-6 0H7m14 0a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2h12z"/>
-      </svg>
-    </div>
-    <h2 class="text-lg font-bold text-text mb-2">{{ title }}</h2>
-    <p class="text-text-muted text-sm mb-6 max-w-sm">{{ message }}</p>
-    <button
-      v-if="ctaText"
-      class="btn-primary"
-      @click="$emit('action')"
-    >
-      {{ ctaText }}
-    </button>
+  <div class="text-center py-16 px-4" role="status">
+    <div class="text-6xl mb-4" aria-hidden="true">{{ icon }}</div>
+    <h3 class="text-xl font-semibold mb-2" style="color: var(--text)">{{ title }}</h3>
+    <p class="max-w-md mx-auto mb-6" style="color: var(--secondary)">{{ message }}</p>
+    <button v-if="actionLabel" @click="$emit('action')" class="hms-btn hms-btn-primary">{{ actionLabel }}</button>
   </div>
 </template>
 
 <script setup lang="ts">
-defineProps<{
-  title: string;
-  message: string;
-  ctaText?: string;
-}>();
-
-defineEmits<{
-  action: [];
-}>();
+withDefaults(defineProps<{ icon?: string; title: string; message: string; actionLabel?: string }>(), { icon: '🔍' })
+defineEmits<{ action: [] }>()
 </script>