fix: show material/quantity and stabilize modal rendering

src/components/admin/OrderCard.vue

@@ -71,6 +71,20 @@
              </div>
              <p class="text-xs font-medium">{{ order.delivery_type === 'cargo' ? t("admin.fields.cargo") : t("admin.fields.pickup") }}</p>
           </div>
+          <div class="space-y-1">
+            <div class="flex items-center justify-between">
+              <span class="text-[9px] font-bold uppercase text-muted-foreground tracking-widest">{{ t("admin.fields.material") }}</span>
+              <button @click.stop="$emit('edit-order', order)" class="p-1 text-primary hover:bg-primary/5 rounded"><Edit2 class="w-2.5 h-2.5" /></button>
+            </div>
+            <p class="text-xs font-medium">{{ order.material_name || '—' }} ({{ order.color_name || '—' }})</p>
+          </div>
+          <div class="space-y-1">
+            <div class="flex items-center justify-between">
+              <span class="text-[9px] font-bold uppercase text-muted-foreground tracking-widest">{{ t("admin.fields.quantity") }}</span>
+              <button @click.stop="$emit('edit-order', order)" class="p-1 text-primary hover:bg-primary/5 rounded"><Edit2 class="w-2.5 h-2.5" /></button>
+            </div>
+            <p class="text-xs font-bold text-primary">x{{ order.quantity || 1 }}</p>
+          </div>
         </div>
 
           <div v-if="order.notes" class="mt-8 p-4 bg-primary/5 border border-primary/10 rounded-2xl italic">

src/pages/Admin.vue

@@ -131,14 +131,14 @@
     </main>
 
     <!-- Global Modals -->
-    <Teleport to="body">
-       <div v-if="showAddModal" class="fixed inset-0 z-[9999] flex items-center justify-center p-4">
-         <div class="absolute inset-0 bg-background/80 backdrop-blur-sm" @click="closeModals" />
-         <div class="relative w-full max-w-lg bg-card border border-border/50 rounded-3xl p-8 shadow-2xl overflow-y-auto max-h-[90vh]">
-              <h3 class="text-xl font-bold font-display mb-6">{{ editingMaterial || editingService || editingPost || editingOrder ? t('admin.actions.edit') : t("admin.addNew") }}</h3>
-              
-              <!-- Order Edit Form -->
-              <form v-if="editingOrder" @submit.prevent="handleSaveOrder" class="space-y-4">
+    <div v-if="showAddModal" class="fixed inset-0 z-[99999] flex items-center justify-center p-4">
+      <div class="absolute inset-0 bg-background/80 backdrop-blur-sm" @click="closeModals" />
+      <div class="relative w-full max-w-lg bg-card border border-border/50 rounded-3xl p-8 shadow-2xl overflow-y-auto max-h-[90vh]">
+         <h3 class="text-xl font-bold font-display mb-6">{{ editingMaterial || editingService || editingPost || editingOrder ? t('admin.actions.edit') : t("admin.addNew") }}</h3>
+         
+         <!-- Order Edit Form -->
+         <form v-if="editingOrder" @submit.prevent="handleSaveOrder" class="space-y-4">
+           <!-- Form items... no changes there -->
                 <div class="grid grid-cols-2 gap-4">
                   <div class="space-y-1">
                     <label class="text-[10px] font-bold uppercase ml-1">{{ t("auth.fields.firstName") }}</label>
@@ -259,7 +259,6 @@
               </form>
            </div>
          </div>
-    </Teleport>
 
     <Footer />
   </div>