@svadmin/ui 0.68.0 → 0.69.0

package/dist/components/GanttChart.svelte

@@ -36,43 +36,43 @@
   function getStatusBadgeVariant(status?: string) {
     switch (status) {
       case 'completed':
-        return 'bg-success/15 text-success border-success/30';
+        return 'svadmin-u-4cf5af8d25d3 svadmin-u-76747e5e02ff svadmin-u-18a6e7a36f29';
       case 'delayed':
-        return 'bg-destructive/15 text-destructive border-destructive/30';
+        return 'svadmin-u-c698f77c9ba5 svadmin-u-811148b13d1e svadmin-u-9d5d8b4711b4';
       case 'in_progress':
-        return 'bg-primary/15 text-primary border-primary/30';
+        return 'svadmin-u-30f13f694038 svadmin-u-20aaf08a7ed1 svadmin-u-05f954a846d6';
       default:
-        return 'bg-muted text-muted-foreground border-border/40';
+        return 'svadmin-u-2ef11f1cb219 svadmin-u-bfa603190748 svadmin-u-6ee2d41e2d2d';
     }
   }
 
   function getBarColor(status?: string) {
     switch (status) {
       case 'completed':
-        return 'bg-success text-success-foreground';
+        return 'svadmin-u-3355648fe22b svadmin-u-5a1ab9dd55a5';
       case 'delayed':
-        return 'bg-destructive text-destructive-foreground';
+        return 'svadmin-u-fb1b0d05046d svadmin-u-00e05b9a87d5';
       default:
-        return 'bg-primary text-primary-foreground';
+        return 'svadmin-u-75b1bec3ea0e svadmin-u-30ca335ae9c2';
     }
   }
 </script>
 
-<div class={cn('rounded-xl border border-border bg-card p-4 shadow-xs text-xs space-y-3', className)}>
-  <div class="flex items-center justify-between pb-2 border-b border-border/60">
-    <div class="font-semibold text-foreground">
-      Project Gantt Schedule <span class="text-muted-foreground font-normal">({tasks.length} tasks / {totalDays} days)</span>
+<div class={cn('svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-cef5b893cf23 svadmin-u-359090c2d529 svadmin-u-6ed543e2fbbb', className)}>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+    <div class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">
+      Project Gantt Schedule <span class="svadmin-u-bfa603190748 svadmin-u-8ecebc9f80e6">({tasks.length} tasks / {totalDays} days)</span>
     </div>
   </div>
 
-  <div class="overflow-x-auto rounded-lg border border-border/60">
-    <div class="min-w-[700px]">
+  <div class="svadmin-u-1384f66f41d0 svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff">
+    <div class="svadmin-u-c05fcc7c4caa">
       <!-- Timeline Header -->
-      <div class="flex border-b border-border/60 bg-muted/40 font-semibold text-muted-foreground">
-        <div class="w-56 p-2.5 border-r border-border/60 text-left shrink-0">Task Name</div>
-        <div class="flex-1 flex">
+      <div class="svadmin-u-60fbb7713999 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-b00f43c30c2b svadmin-u-e83a7042bc91 svadmin-u-bfa603190748">
+        <div class="svadmin-u-d16aae848835 svadmin-u-9fe52d5d506c svadmin-u-5ceb636bd9f3 svadmin-u-05faf5c801ff svadmin-u-2eba0d65d059 svadmin-u-012fbd121f37">Task Name</div>
+        <div class="svadmin-u-36e579c0b41c svadmin-u-60fbb7713999">
           {#each days as day (day)}
-            <div class="flex-1 p-2 text-center border-r border-border/40 text-[11px] font-mono last:border-r-0">
+            <div class="svadmin-u-36e579c0b41c svadmin-u-7660b450905a svadmin-u-ca6bf63030aa svadmin-u-5ceb636bd9f3 svadmin-u-6ee2d41e2d2d svadmin-u-d058ca6de60f svadmin-u-0e65706bcccd svadmin-u-bb5b5fc23bd9">
               {day}
             </div>
           {/each}
@@ -80,40 +80,40 @@
       </div>
 
       <!-- Task Rows -->
-      <div class="divide-y divide-border/40">
+      <div class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258">
         {#each tasks as task (task.id)}
           {@const leftPct = (task.startDay / totalDays) * 100}
           {@const widthPct = (task.durationDays / totalDays) * 100}
           <div
             role="button"
             tabindex="0"
-            class="flex items-center hover:bg-muted/20 transition-colors cursor-pointer"
+            class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-c4b5eaba40e3 svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d"
             onclick={() => onselecttask?.(task)}
             onkeydown={(e) => { if (e.key === 'Enter') onselecttask?.(task); }}
           >
             <!-- Task Info Column -->
-            <div class="w-56 p-2.5 border-r border-border/60 flex items-center justify-between gap-2 shrink-0">
-              <div class="truncate font-medium text-foreground">{task.title}</div>
+            <div class="svadmin-u-d16aae848835 svadmin-u-9fe52d5d506c svadmin-u-5ceb636bd9f3 svadmin-u-05faf5c801ff svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-77a2a20e90d4 svadmin-u-012fbd121f37">
+              <div class="svadmin-u-f283ea9bea0e svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{task.title}</div>
               {#if task.status}
-                <Badge variant="outline" class={cn('text-[9px] px-1 py-0 uppercase', getStatusBadgeVariant(task.status))}>
+                <Badge variant="outline" class={cn('svadmin-u-e09880869d1f svadmin-u-d8e0e382c67b svadmin-u-68ecb30dbec6 uppercase', getStatusBadgeVariant(task.status))}>
                   {task.status}
                 </Badge>
               {/if}
             </div>
 
             <!-- Task Bar Grid Area -->
-            <div class="flex-1 relative h-10 flex items-center px-1">
+            <div class="svadmin-u-36e579c0b41c svadmin-u-d89972fe17d6 svadmin-u-426b8b75185b svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-d8e0e382c67b">
               <!-- Grid vertical guideline background -->
-              <div class="absolute inset-0 flex pointer-events-none">
+              <div class="svadmin-u-da4dbfbc4fdc svadmin-u-7b7df0449b80 svadmin-u-60fbb7713999 svadmin-u-a4326536b8f5">
                 {#each days as _, idx (idx)}
-                  <div class="flex-1 border-r border-border/20 last:border-r-0"></div>
+                  <div class="svadmin-u-36e579c0b41c svadmin-u-5ceb636bd9f3 svadmin-u-d528c7381898 svadmin-u-bb5b5fc23bd9"></div>
                 {/each}
               </div>
 
               <!-- Bar element -->
               <div
                 class={cn(
-                  'relative h-6 rounded-md shadow-xs flex items-center justify-between px-2 text-[10px] font-medium overflow-hidden transition-all group hover:brightness-110',
+                  'svadmin-u-d89972fe17d6 svadmin-u-f6fe902450dc svadmin-u-421ac2be5045 svadmin-u-cef5b893cf23 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-d5eab218aa34 svadmin-u-1dc571a3609f svadmin-u-2689f3958069 svadmin-u-2cd02d11d1af svadmin-u-0fe7d7d814d0 group svadmin-u-7703298183eb',
                   getBarColor(task.status)
                 )}
                 style={`margin-left: ${leftPct}%; width: ${Math.max(widthPct, 4)}%;`}
@@ -121,14 +121,14 @@
                 <!-- Inner progress fill -->
                 {#if task.progress !== undefined}
                   <div
-                    class="absolute inset-y-0 left-0 bg-foreground/20 pointer-events-none"
+                    class="svadmin-u-da4dbfbc4fdc svadmin-u-5f89f14a26db svadmin-u-c78facc7a0a6 svadmin-u-99d459b1015d svadmin-u-a4326536b8f5"
                     style={`width: ${task.progress}%;`}
                   ></div>
                 {/if}
 
-                <span class="truncate relative z-10">{task.title}</span>
+                <span class="svadmin-u-f283ea9bea0e svadmin-u-d89972fe17d6 svadmin-u-236812d64c82">{task.title}</span>
                 {#if task.progress !== undefined}
-                  <span class="relative z-10 text-[9px] opacity-90 font-mono">{task.progress}%</span>
+                  <span class="svadmin-u-d89972fe17d6 svadmin-u-236812d64c82 svadmin-u-e09880869d1f svadmin-u-4f5874c554b6 svadmin-u-0e65706bcccd">{task.progress}%</span>
                 {/if}
               </div>
             </div>
@@ -136,7 +136,7 @@
         {/each}
 
         {#if tasks.length === 0}
-          <div class="py-8 text-center text-muted-foreground">No schedule tasks available</div>
+          <div class="svadmin-u-a1f611f027dd svadmin-u-ca6bf63030aa svadmin-u-bfa603190748">No schedule tasks available</div>
         {/if}
       </div>
     </div>

package/dist/components/Header.svelte

@@ -40,8 +40,8 @@
   const CustomNotificationPanel = registry.NotificationPanel;
 </script>
 
-<header class="sticky top-0 z-30 flex h-[70px] w-full shrink-0 items-center justify-between border-b border-border/40 bg-background/95 backdrop-blur-sm px-4 md:px-6">
-  <div class="flex items-center gap-4">
+<header class="svadmin-u-3e0fd166d494 svadmin-u-2167406b24d7 svadmin-u-0f2fff0ae96e svadmin-u-60fbb7713999 svadmin-u-07017cde3e97 svadmin-u-6da6a3c3f741 svadmin-u-012fbd121f37 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-65fdbade2025 svadmin-u-6ee2d41e2d2d svadmin-u-16d6f96aa157 svadmin-u-1ca6dd1e47c4 svadmin-u-f0faeb26d656 svadmin-u-8a3831239aa5">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-0c3bc98565dd">
     {#if children}
       {@render children()}
     {/if}
@@ -53,14 +53,14 @@
       {/if}
     {/if}
   </div>
-  <div class="ml-auto flex items-center gap-2">
+  <div class="svadmin-u-fb56d9cff341 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
     {#if rightActions}
       {@render rightActions()}
     {/if}
 
     {#if siteUrl}
-      <TooltipButton tooltip={i18n.t('common.goToSite') || 'Site'} href={siteUrl} target="_blank" rel="noopener noreferrer" class="rounded-full flex items-center justify-center">
-        <MonitorUp class="h-4 w-4 text-muted-foreground transition-colors hover:text-foreground" />
+      <TooltipButton tooltip={i18n.t('common.goToSite') || 'Site'} href={siteUrl} target="_blank" rel="noopener noreferrer" class="svadmin-u-ac204c108886 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227">
+        <MonitorUp class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748 svadmin-u-ceb69a6b0e5f svadmin-u-ea7b2e9e070e" />
       </TooltipButton>
     {/if}
 
@@ -69,11 +69,11 @@
     {/if}
 
     {#if showSearch && onSearchClick}
-      <Button variant="outline" size="sm" onclick={onSearchClick} class="gap-2 text-muted-foreground h-9 px-3 rounded-lg border-border/60">
-        <Search class="h-3.5 w-3.5" />
-        <span class="hidden sm:inline text-xs">{i18n.t('common.search')}</span>
-        <kbd class="hidden sm:inline-flex items-center gap-0.5 rounded border bg-muted/60 px-1.5 py-0.5 text-[10px] font-medium font-mono text-muted-foreground">
-          <span class="text-xs">⌘</span>K
+      <Button variant="outline" size="sm" onclick={onSearchClick} class="svadmin-u-77a2a20e90d4 svadmin-u-bfa603190748 svadmin-u-e7a768f922d2 svadmin-u-0e17f2bd9074 svadmin-u-5f22e64f2282 svadmin-u-05faf5c801ff">
+        <Search class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
+        <span class="svadmin-u-99d72c7fc3e2 svadmin-u-ee3c1259a368 svadmin-u-359090c2d529">{i18n.t('common.search')}</span>
+        <kbd class="svadmin-u-99d72c7fc3e2 svadmin-u-e3fd07f96126 svadmin-u-3960ffc248d9 svadmin-u-a3899220f90e svadmin-u-07389a777c1f svadmin-u-ca6bcd4b6f3f svadmin-u-706701550477 svadmin-u-45d828117213 svadmin-u-465609a240a8 svadmin-u-1dc571a3609f svadmin-u-2689f3958069 svadmin-u-0e65706bcccd svadmin-u-bfa603190748">
+          <span class="svadmin-u-359090c2d529">⌘</span>K
         </kbd>
       </Button>
     {/if}
@@ -82,11 +82,11 @@
       {#if CustomThemeToggle}
         <CustomThemeToggle />
       {:else}
-        <TooltipButton tooltip={i18n.t('common.toggleTheme')} onclick={() => toggleTheme()} class="rounded-full">
+        <TooltipButton tooltip={i18n.t('common.toggleTheme')} onclick={() => toggleTheme()} class="svadmin-u-ac204c108886">
           {#if getResolvedTheme() === 'dark'}
-            <Moon class="h-4 w-4 transition-all" />
+            <Moon class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-0fe7d7d814d0" />
           {:else}
-            <Sun class="h-4 w-4 transition-all" />
+            <Sun class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-0fe7d7d814d0" />
           {/if}
         </TooltipButton>
       {/if}

package/dist/components/ImageCropper.svelte

@@ -56,67 +56,67 @@
   }
 </script>
 
-<div class={cn('rounded-xl border border-border bg-card p-4 shadow-xs space-y-4 text-xs', className)}>
-  <div class="flex items-center justify-between pb-2 border-b border-border/60">
-    <h4 class="font-semibold text-foreground flex items-center gap-1.5">
-      <Crop class="h-4 w-4 text-primary" />
+<div class={cn('svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-8e63407b5ceb svadmin-u-cef5b893cf23 svadmin-u-3e7ce58d64fa svadmin-u-359090c2d529', className)}>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">
+    <h4 class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-58284b4ea568">
+      <Crop class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-20aaf08a7ed1" />
       Image Cropper
     </h4>
   </div>
 
   <!-- Crop Viewport -->
-  <div class="relative flex items-center justify-center h-64 w-full rounded-lg bg-muted/40 border border-border/60 overflow-hidden select-none">
+  <div class="svadmin-u-d89972fe17d6 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-14ce684b980b svadmin-u-6da6a3c3f741 svadmin-u-5f22e64f2282 svadmin-u-b00f43c30c2b svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff svadmin-u-2cd02d11d1af svadmin-u-7f6912283f11">
     <div
       style="transform: scale({zoom}) rotate({rotation}deg); transition: transform 150ms ease;"
-      class="max-h-56 max-w-56 flex items-center justify-center"
+      class="svadmin-u-520bb7118c41 svadmin-u-0497cfa907ee svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227"
     >
-      <img src={imageUrl} alt="Crop Preview" class="object-contain max-h-56 max-w-56 rounded pointer-events-none" />
+      <img src={imageUrl} alt="Crop Preview" class="svadmin-u-b1104f41444a svadmin-u-520bb7118c41 svadmin-u-0497cfa907ee svadmin-u-07389a777c1f svadmin-u-a4326536b8f5" />
     </div>
 
     <!-- Aspect Ratio Overlay Grid -->
     <div
       style="aspect-ratio: {aspectRatio};"
-      class="absolute w-48 border-2 border-primary/80 rounded pointer-events-none shadow-[0_0_0_9999px_rgba(0,0,0,0.45)]"
+      class="svadmin-u-da4dbfbc4fdc svadmin-u-74b2435a1d40 svadmin-u-65935df577ba svadmin-u-a127a4f41a7d svadmin-u-07389a777c1f svadmin-u-a4326536b8f5 svadmin-u-09deafdfd7f5"
     ></div>
   </div>
 
   <!-- Controls Bar -->
-  <div class="flex items-center justify-between gap-3 pt-2">
-    <div class="flex items-center gap-2">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-f46b61a9b310">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
       <Button
         variant="outline"
         size="sm"
-        class="h-7 text-xs gap-1"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421"
         onclick={() => { zoom = Math.max(0.5, Number((zoom - 0.1).toFixed(1))); }}
       >
-        <ZoomOut class="h-3 w-3" />
+        <ZoomOut class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
       </Button>
-      <span class="tabular-nums font-mono text-[11px] text-muted-foreground w-10 text-center">{Math.round(zoom * 100)}%</span>
+      <span class="svadmin-u-3032cae0badb svadmin-u-0e65706bcccd svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-d854e5698b57 svadmin-u-ca6bf63030aa">{Math.round(zoom * 100)}%</span>
       <Button
         variant="outline"
         size="sm"
-        class="h-7 text-xs gap-1"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421"
         onclick={() => { zoom = Math.min(3, Number((zoom + 0.1).toFixed(1))); }}
       >
-        <ZoomIn class="h-3 w-3" />
+        <ZoomIn class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
       </Button>
 
-      <Button variant="outline" size="sm" class="h-7 text-xs gap-1 ml-2" onclick={handleRotate}>
-        <RotateCw class="h-3 w-3" />
+      <Button variant="outline" size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-c68af9986751" onclick={handleRotate}>
+        <RotateCw class="svadmin-u-6a60c09e6aaa svadmin-u-9cea05671a29" />
         Rotate
       </Button>
     </div>
 
-    <div class="flex items-center gap-2">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
       {#if oncancel}
-        <Button variant="outline" size="sm" class="h-7 text-xs" onclick={oncancel}>Cancel</Button>
+        <Button variant="outline" size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529" onclick={oncancel}>Cancel</Button>
       {/if}
-      <Button size="sm" class="h-7 text-xs gap-1" onclick={handleCrop}>
+      <Button size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={handleCrop}>
         Apply Crop
       </Button>
     </div>
   </div>
 
   <!-- Hidden Working Canvas -->
-  <canvas bind:this={canvasEl} class="hidden"></canvas>
+  <canvas bind:this={canvasEl} class="svadmin-u-99d72c7fc3e2"></canvas>
 </div>

package/dist/components/ImportWizard.svelte

@@ -180,50 +180,50 @@
 
 {#if open}
   <Dialog.Dialog bind:open>
-    <Dialog.DialogContent class="sm:max-w-2xl max-h-[85vh] overflow-y-auto">
+    <Dialog.DialogContent class="svadmin-u-fde8b650ab2d svadmin-u-c3c9f24b386b svadmin-u-92bf82f493b1">
       <Dialog.DialogHeader>
-        <Dialog.DialogTitle class="flex items-center gap-2">
-          <FileSpreadsheet class="h-5 w-5 text-primary" />
+        <Dialog.DialogTitle class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+          <FileSpreadsheet class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-20aaf08a7ed1" />
           <span>{i18n.t('common.import', { defaultValue: 'Import' })} {resource.label}</span>
         </Dialog.DialogTitle>
       </Dialog.DialogHeader>
 
       <!-- Step Indicator -->
-      <div class="flex items-center justify-between text-xs font-medium text-muted-foreground pb-2 border-b border-border/50">
-        <span class={currentStep === 1 ? 'text-primary font-semibold' : ''}>1. {i18n.t('common.uploadFile', { defaultValue: 'Upload File' })}</span>
+      <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-bfa603190748 svadmin-u-f4cc511ff0c1 svadmin-u-65fdbade2025 svadmin-u-591f378e24a1">
+        <span class={currentStep === 1 ? 'svadmin-u-20aaf08a7ed1 svadmin-u-e83a7042bc91' : ''}>1. {i18n.t('common.uploadFile', { defaultValue: 'Upload File' })}</span>
         <span>→</span>
-        <span class={currentStep === 2 ? 'text-primary font-semibold' : ''}>2. {i18n.t('common.mapColumns', { defaultValue: 'Map Columns' })}</span>
+        <span class={currentStep === 2 ? 'svadmin-u-20aaf08a7ed1 svadmin-u-e83a7042bc91' : ''}>2. {i18n.t('common.mapColumns', { defaultValue: 'Map Columns' })}</span>
         <span>→</span>
-        <span class={currentStep === 3 ? 'text-primary font-semibold' : ''}>3. {i18n.t('common.importProgress', { defaultValue: 'Import & Verify' })}</span>
+        <span class={currentStep === 3 ? 'svadmin-u-20aaf08a7ed1 svadmin-u-e83a7042bc91' : ''}>3. {i18n.t('common.importProgress', { defaultValue: 'Import & Verify' })}</span>
       </div>
 
       <!-- Step 1: Upload -->
       {#if currentStep === 1}
         <div
-          class="border-2 border-dashed border-border/80 hover:border-primary/60 rounded-xl p-8 text-center transition-colors cursor-pointer bg-muted/20"
+          class="svadmin-u-65935df577ba svadmin-u-a29b7a649c77 svadmin-u-c9ed8c5f79ae svadmin-u-8b9d5d768973 svadmin-u-a217b4eaa918 svadmin-u-845f53365c8d svadmin-u-ca6bf63030aa svadmin-u-ceb69a6b0e5f svadmin-u-34516836730d svadmin-u-967d113a1451"
           ondragover={(e) => e.preventDefault()}
           ondrop={handleDrop}
           role="region"
           aria-label="Upload Dropzone"
         >
-          <Upload class="h-10 w-10 mx-auto text-muted-foreground/60 mb-3" />
-          <p class="text-sm font-medium text-foreground mb-1">
+          <Upload class="svadmin-u-426b8b75185b svadmin-u-d854e5698b57 svadmin-u-0e12dc7de920 svadmin-u-7be4d67a6256 svadmin-u-1bb883263ed2" />
+          <p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359 svadmin-u-65281709dacf">
             {i18n.t('common.dropFileHere', { defaultValue: 'Drag and drop CSV or JSON file here' })}
           </p>
-          <p class="text-xs text-muted-foreground mb-4">
+          <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-da019856f2cc">
             {i18n.t('common.fileFormatHint', { defaultValue: 'Supports .csv, .json with UTF-8 encoding' })}
           </p>
-          <label class="inline-flex">
+          <label class="svadmin-u-52083e7da442">
             <input
               type="file"
               accept=".csv,.json"
-              class="hidden"
+              class="svadmin-u-99d72c7fc3e2"
               onchange={(e) => {
                 const target = e.currentTarget;
                 if (target.files?.[0]) handleFileSelect(target.files[0]);
               }}
             />
-            <span class="inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-xs font-medium text-primary-foreground shadow hover:bg-primary/90 cursor-pointer">
+            <span class="svadmin-u-52083e7da442 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-75b1bec3ea0e svadmin-u-f0faeb26d656 svadmin-u-03b4dd7f172b svadmin-u-359090c2d529 svadmin-u-2689f3958069 svadmin-u-30ca335ae9c2 svadmin-u-ed9d3d832af8 svadmin-u-7bfcf1d0e0fa svadmin-u-34516836730d">
               {i18n.t('common.selectFile', { defaultValue: 'Browse File' })}
             </span>
           </label>
@@ -232,26 +232,26 @@
 
       <!-- Step 2: Column Mapping -->
       {#if currentStep === 2}
-        <div class="space-y-4">
-          <div class="flex items-center justify-between text-xs text-muted-foreground bg-muted/30 p-2.5 rounded-lg border border-border/60">
-            <span>{i18n.t('common.detectedRows', { defaultValue: 'Detected' })}: <strong class="text-foreground">{rawRows.length}</strong> {i18n.t('common.records', { defaultValue: 'records' })}</span>
-            <Badge variant="secondary" class="text-[11px] font-mono">{fileName}</Badge>
+        <div class="svadmin-u-3e7ce58d64fa">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-2859c861d7de svadmin-u-9fe52d5d506c svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-05faf5c801ff">
+            <span>{i18n.t('common.detectedRows', { defaultValue: 'Detected' })}: <strong class="svadmin-u-d4108abe6359">{rawRows.length}</strong> {i18n.t('common.records', { defaultValue: 'records' })}</span>
+            <Badge variant="secondary" class="svadmin-u-d058ca6de60f svadmin-u-0e65706bcccd">{fileName}</Badge>
           </div>
 
-          <div class="max-h-72 overflow-y-auto space-y-2 pr-1 border border-border/40 rounded-lg p-2">
+          <div class="svadmin-u-ff4d2db0e22a svadmin-u-92bf82f493b1 svadmin-u-6f7e013d6499 svadmin-u-eda955402ba6 svadmin-u-ca6bcd4b6f3f svadmin-u-6ee2d41e2d2d svadmin-u-5f22e64f2282 svadmin-u-7660b450905a">
             {#each rawHeaders as header (header)}
-              <div class="flex items-center justify-between gap-3 p-2 rounded-md bg-card border border-border/40 text-xs">
-                <div class="flex-1 truncate">
-                  <span class="font-medium text-foreground">{header}</span>
+              <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-7660b450905a svadmin-u-421ac2be5045 svadmin-u-cd0ad9a56558 svadmin-u-ca6bcd4b6f3f svadmin-u-6ee2d41e2d2d svadmin-u-359090c2d529">
+                <div class="svadmin-u-36e579c0b41c svadmin-u-f283ea9bea0e">
+                  <span class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{header}</span>
                   {#if rawRows[0]}
-                    <span class="block text-[11px] text-muted-foreground truncate opacity-70">
+                    <span class="svadmin-u-0214b4b355d1 svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-f283ea9bea0e svadmin-u-0c67ca474a69">
                       Sample: {rawRows[0][rawHeaders.indexOf(header)] ?? '—'}
                     </span>
                   {/if}
                 </div>
-                <div class="w-48 shrink-0">
+                <div class="svadmin-u-74b2435a1d40 svadmin-u-012fbd121f37">
                   <select
-                    class="h-8 w-full rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    class="svadmin-u-ed8a5df7b2fb svadmin-u-6da6a3c3f741 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-d5eab218aa34 svadmin-u-359090c2d529 svadmin-u-f10f771f87e9 svadmin-u-3e94a98e1466 svadmin-u-9c1295a6914a"
                     bind:value={columnMapping[header]}
                   >
                     <option value="">— {i18n.t('common.ignoreColumn', { defaultValue: 'Ignore' })} —</option>
@@ -266,14 +266,14 @@
             {/each}
           </div>
 
-          <div class="flex items-center justify-between pt-2">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-f46b61a9b310">
             <Button variant="outline" size="sm" onclick={() => { currentStep = 1; }}>
-              <ArrowLeft class="h-3.5 w-3.5 mr-1" />
+              <ArrowLeft class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-618162408e7a" />
               {i18n.t('common.back', { defaultValue: 'Back' })}
             </Button>
             <Button size="sm" onclick={startImport}>
               {i18n.t('common.startImport', { defaultValue: 'Start Import' })}
-              <ArrowRight class="h-3.5 w-3.5 ml-1" />
+              <ArrowRight class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-f58b02572ab2" />
             </Button>
           </div>
         </div>
@@ -281,40 +281,40 @@
 
       <!-- Step 3: Progress & Summary -->
       {#if currentStep === 3}
-        <div class="space-y-5 py-2">
-          <div class="space-y-2">
-            <div class="flex items-center justify-between text-xs">
-              <span class="text-muted-foreground">{isImporting ? i18n.t('common.importing', { defaultValue: 'Importing...' }) : i18n.t('common.completed', { defaultValue: 'Completed' })}</span>
-              <span class="font-semibold text-foreground tabular-nums">{progressPercent}%</span>
+        <div class="svadmin-u-b43b4c086d9a svadmin-u-03b4dd7f172b">
+          <div class="svadmin-u-6f7e013d6499">
+            <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-359090c2d529">
+              <span class="svadmin-u-bfa603190748">{isImporting ? i18n.t('common.importing', { defaultValue: 'Importing...' }) : i18n.t('common.completed', { defaultValue: 'Completed' })}</span>
+              <span class="svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359 svadmin-u-3032cae0badb">{progressPercent}%</span>
             </div>
-            <Progress value={progressPercent} class="h-2" />
+            <Progress value={progressPercent} class="svadmin-u-2f2a842e50fa" />
           </div>
 
-          <div class="grid grid-cols-2 gap-3 text-center">
-            <div class="p-3 rounded-lg bg-success/10 border border-success/20">
-              <span class="text-xs text-muted-foreground block">{i18n.t('common.succeeded', { defaultValue: 'Succeeded' })}</span>
-              <span class="text-xl font-bold text-success tabular-nums">{succeededCount}</span>
+          <div class="svadmin-u-f3c543ad5fe9 svadmin-u-8e75e3db482b svadmin-u-1004c0c3954c svadmin-u-ca6bf63030aa">
+            <div class="svadmin-u-eb6e8b881acd svadmin-u-5f22e64f2282 svadmin-u-17a9f7af2265 svadmin-u-ca6bcd4b6f3f svadmin-u-95b7dea5a67f">
+              <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-0214b4b355d1">{i18n.t('common.succeeded', { defaultValue: 'Succeeded' })}</span>
+              <span class="svadmin-u-d5c9b0001e7e svadmin-u-69450ef1487e svadmin-u-76747e5e02ff svadmin-u-3032cae0badb">{succeededCount}</span>
             </div>
-            <div class="p-3 rounded-lg bg-destructive/10 border border-destructive/20">
-              <span class="text-xs text-muted-foreground block">{i18n.t('common.failed', { defaultValue: 'Failed' })}</span>
-              <span class="text-xl font-bold text-destructive tabular-nums">{failedRecords.length}</span>
+            <div class="svadmin-u-eb6e8b881acd svadmin-u-5f22e64f2282 svadmin-u-43928fcc832f svadmin-u-ca6bcd4b6f3f svadmin-u-f0c1e65bd6f2">
+              <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-0214b4b355d1">{i18n.t('common.failed', { defaultValue: 'Failed' })}</span>
+              <span class="svadmin-u-d5c9b0001e7e svadmin-u-69450ef1487e svadmin-u-811148b13d1e svadmin-u-3032cae0badb">{failedRecords.length}</span>
             </div>
           </div>
 
           {#if failedRecords.length > 0}
-            <div class="flex items-center justify-between p-3 rounded-lg bg-destructive/5 border border-destructive/15 text-xs">
-              <div class="flex items-center gap-2 text-destructive">
-                <AlertCircle class="h-4 w-4" />
+            <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-eb6e8b881acd svadmin-u-5f22e64f2282 svadmin-u-7a0854fdbc30 svadmin-u-ca6bcd4b6f3f svadmin-u-e09a917c4c3b svadmin-u-359090c2d529">
+              <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4 svadmin-u-811148b13d1e">
+                <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
                 <span>{failedRecords.length} {i18n.t('common.failedRowsHint', { defaultValue: 'records failed to import.' })}</span>
               </div>
-              <Button variant="outline" size="sm" class="h-7 text-xs gap-1" onclick={downloadErrors}>
-                <Download class="h-3.5 w-3.5" />
+              <Button variant="outline" size="sm" class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421" onclick={downloadErrors}>
+                <Download class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
                 {i18n.t('common.downloadErrors', { defaultValue: 'Download Failed CSV' })}
               </Button>
             </div>
           {/if}
 
-          <div class="flex items-center justify-end gap-2 pt-3 border-t border-border/50">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77c08e015d14 svadmin-u-77a2a20e90d4 svadmin-u-ce335a8e4f56 svadmin-u-b950dda299d3 svadmin-u-591f378e24a1">
             {#if !isImporting}
               <Button variant="outline" size="sm" onclick={reset}>
                 {i18n.t('common.importAnother', { defaultValue: 'Import Another' })}
@@ -323,8 +323,8 @@
                 {i18n.t('common.close', { defaultValue: 'Close' })}
               </Button>
             {:else}
-              <Button size="sm" disabled class="gap-2">
-                <Loader2 class="h-3.5 w-3.5 animate-spin" />
+              <Button size="sm" disabled class="svadmin-u-77a2a20e90d4">
+                <Loader2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-afbdd13a380e" />
                 {i18n.t('common.processing', { defaultValue: 'Processing...' })}
               </Button>
             {/if}