@svadmin/ui 0.68.1 → 0.69.0

package/dist/components/VersionDiffViewer.svelte

@@ -80,33 +80,33 @@
   }
 </script>
 
-<div class={cn('rounded-xl border border-border bg-card shadow-xs overflow-hidden', className)}>
+<div class={cn('svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-2cd02d11d1af', className)}>
   <!-- Header & Toolbar -->
-  <div class="flex items-center justify-between p-3.5 border-b border-border/60 bg-muted/20">
-    <div class="flex items-center gap-2">
-      <h4 class="text-xs font-semibold text-foreground">Record Comparison</h4>
-      <Badge variant="outline" class="text-[11px]">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-56796a90bec5 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff svadmin-u-967d113a1451">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
+      <h4 class="svadmin-u-359090c2d529 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">Record Comparison</h4>
+      <Badge variant="outline" class="svadmin-u-d058ca6de60f">
         {modifiedCount} change{modifiedCount === 1 ? '' : 's'}
       </Badge>
     </div>
 
-    <div class="flex items-center gap-1">
+    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-44ee8ba0a421">
       <Button
         variant={mode === 'split' ? 'secondary' : 'ghost'}
         size="sm"
-        class="h-7 text-xs gap-1 px-2"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-d5eab218aa34"
         onclick={() => { mode = 'split'; }}
       >
-        <Columns2 class="h-3.5 w-3.5" />
+        <Columns2 class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         Side by Side
       </Button>
       <Button
         variant={mode === 'unified' ? 'secondary' : 'ghost'}
         size="sm"
-        class="h-7 text-xs gap-1 px-2"
+        class="svadmin-u-d0a52b312f7d svadmin-u-359090c2d529 svadmin-u-44ee8ba0a421 svadmin-u-d5eab218aa34"
         onclick={() => { mode = 'unified'; }}
       >
-        <AlignJustify class="h-3.5 w-3.5" />
+        <AlignJustify class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c" />
         Unified
       </Button>
     </div>
@@ -114,39 +114,39 @@
 
   {#if mode === 'split'}
     <!-- Split Side-by-Side View -->
-    <div class="grid grid-cols-2 divide-x divide-border/60 text-xs">
-      <div class="p-3 bg-muted/10 font-semibold text-muted-foreground border-b border-border/60">{oldTitle}</div>
-      <div class="p-3 bg-muted/10 font-semibold text-muted-foreground border-b border-border/60">{newTitle}</div>
+    <div class="svadmin-u-f3c543ad5fe9 svadmin-u-8e75e3db482b svadmin-u-3746131ec018 svadmin-u-d2c3932343f5 svadmin-u-359090c2d529">
+      <div class="svadmin-u-eb6e8b881acd svadmin-u-8a25a995eb8e svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">{oldTitle}</div>
+      <div class="svadmin-u-eb6e8b881acd svadmin-u-8a25a995eb8e svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-65fdbade2025 svadmin-u-05faf5c801ff">{newTitle}</div>
     </div>
 
-    <div class="divide-y divide-border/40 text-xs">
+    <div class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258 svadmin-u-359090c2d529">
       {#each diffList as diff (diff.key)}
         {@const isDiff = diff.status !== 'unchanged'}
-        <div class={cn('grid grid-cols-2 divide-x divide-border/40 transition-colors', isDiff ? 'bg-muted/15' : '')}>
+        <div class={cn('svadmin-u-f3c543ad5fe9 svadmin-u-8e75e3db482b svadmin-u-3746131ec018 svadmin-u-08b5607c7258 svadmin-u-ceb69a6b0e5f', isDiff ? 'svadmin-u-46daeb0b661f' : '')}>
           <!-- Left Column -->
-          <div class={cn('p-3 space-y-1', diff.status === 'removed' ? 'bg-destructive/5' : '')}>
-            <div class="flex items-center justify-between text-[11px] text-muted-foreground font-medium">
+          <div class={cn('svadmin-u-eb6e8b881acd svadmin-u-da7c36cd8867', diff.status === 'removed' ? 'svadmin-u-7a0854fdbc30' : '')}>
+            <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-2689f3958069">
               <span>{diff.label}</span>
               {#if diff.status === 'removed'}
-                <Badge variant="outline" class="bg-destructive/15 text-destructive border-destructive/20 text-[10px]">Deleted</Badge>
+                <Badge variant="outline" class="svadmin-u-c698f77c9ba5 svadmin-u-811148b13d1e svadmin-u-f0c1e65bd6f2 svadmin-u-1dc571a3609f">Deleted</Badge>
               {/if}
             </div>
-            <div class={cn('font-mono text-xs break-words', diff.status === 'removed' ? 'line-through text-destructive' : 'text-foreground')}>
+            <div class={cn('svadmin-u-0e65706bcccd svadmin-u-359090c2d529 svadmin-u-170cee3ff4e4', diff.status === 'removed' ? 'line-through svadmin-u-811148b13d1e' : 'svadmin-u-d4108abe6359')}>
               {formatValue(diff.oldVal)}
             </div>
           </div>
 
           <!-- Right Column -->
-          <div class={cn('p-3 space-y-1', diff.status === 'added' ? 'bg-success/5' : diff.status === 'modified' ? 'bg-warning/5' : '')}>
-            <div class="flex items-center justify-between text-[11px] text-muted-foreground font-medium">
+          <div class={cn('svadmin-u-eb6e8b881acd svadmin-u-da7c36cd8867', diff.status === 'added' ? 'svadmin-u-338625ff877e' : diff.status === 'modified' ? 'svadmin-u-a909a196be82' : '')}>
+            <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-2689f3958069">
               <span>{diff.label}</span>
               {#if diff.status === 'added'}
-                <Badge variant="outline" class="bg-success/15 text-success border-success/20 text-[10px]">Added</Badge>
+                <Badge variant="outline" class="svadmin-u-4cf5af8d25d3 svadmin-u-76747e5e02ff svadmin-u-95b7dea5a67f svadmin-u-1dc571a3609f">Added</Badge>
               {:else if diff.status === 'modified'}
-                <Badge variant="outline" class="bg-warning/15 text-warning-foreground border-warning/20 text-[10px]">Modified</Badge>
+                <Badge variant="outline" class="svadmin-u-d9c3c520f7d5 svadmin-u-3a4ff758c2ab svadmin-u-610bcc1bb506 svadmin-u-1dc571a3609f">Modified</Badge>
               {/if}
             </div>
-            <div class={cn('font-mono text-xs break-words', diff.status === 'added' ? 'text-success font-medium' : diff.status === 'modified' ? 'text-warning-foreground font-medium' : 'text-foreground')}>
+            <div class={cn('svadmin-u-0e65706bcccd svadmin-u-359090c2d529 svadmin-u-170cee3ff4e4', diff.status === 'added' ? 'svadmin-u-76747e5e02ff svadmin-u-2689f3958069' : diff.status === 'modified' ? 'svadmin-u-3a4ff758c2ab svadmin-u-2689f3958069' : 'svadmin-u-d4108abe6359')}>
               {formatValue(diff.newVal)}
             </div>
           </div>
@@ -155,37 +155,37 @@
     </div>
   {:else}
     <!-- Unified List View -->
-    <div class="divide-y divide-border/40 text-xs">
+    <div class="svadmin-u-fa6acbf81d74 svadmin-u-08b5607c7258 svadmin-u-359090c2d529">
       {#each diffList as diff (diff.key)}
-        <div class="p-3 space-y-2">
-          <div class="flex items-center justify-between">
-            <span class="font-medium text-foreground">{diff.label}</span>
+        <div class="svadmin-u-eb6e8b881acd svadmin-u-6f7e013d6499">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc">
+            <span class="svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{diff.label}</span>
             {#if diff.status === 'added'}
-              <Badge variant="outline" class="bg-success/15 text-success border-success/20 text-[10px]">Added</Badge>
+              <Badge variant="outline" class="svadmin-u-4cf5af8d25d3 svadmin-u-76747e5e02ff svadmin-u-95b7dea5a67f svadmin-u-1dc571a3609f">Added</Badge>
             {:else if diff.status === 'removed'}
-              <Badge variant="outline" class="bg-destructive/15 text-destructive border-destructive/20 text-[10px]">Removed</Badge>
+              <Badge variant="outline" class="svadmin-u-c698f77c9ba5 svadmin-u-811148b13d1e svadmin-u-f0c1e65bd6f2 svadmin-u-1dc571a3609f">Removed</Badge>
             {:else if diff.status === 'modified'}
-              <Badge variant="outline" class="bg-warning/15 text-warning-foreground border-warning/20 text-[10px]">Modified</Badge>
+              <Badge variant="outline" class="svadmin-u-d9c3c520f7d5 svadmin-u-3a4ff758c2ab svadmin-u-610bcc1bb506 svadmin-u-1dc571a3609f">Modified</Badge>
             {:else}
-              <Badge variant="outline" class="text-[10px] text-muted-foreground">Unchanged</Badge>
+              <Badge variant="outline" class="svadmin-u-1dc571a3609f svadmin-u-bfa603190748">Unchanged</Badge>
             {/if}
           </div>
 
           {#if diff.status === 'modified'}
-            <div class="space-y-1 rounded-md bg-muted/40 p-2 font-mono text-[11px]">
-              <div class="text-destructive line-through">- {formatValue(diff.oldVal)}</div>
-              <div class="text-success font-medium">+ {formatValue(diff.newVal)}</div>
+            <div class="svadmin-u-da7c36cd8867 svadmin-u-421ac2be5045 svadmin-u-b00f43c30c2b svadmin-u-7660b450905a svadmin-u-0e65706bcccd svadmin-u-d058ca6de60f">
+              <div class="svadmin-u-811148b13d1e line-through">- {formatValue(diff.oldVal)}</div>
+              <div class="svadmin-u-76747e5e02ff svadmin-u-2689f3958069">+ {formatValue(diff.newVal)}</div>
             </div>
           {:else if diff.status === 'added'}
-            <div class="rounded-md bg-success/10 p-2 font-mono text-[11px] text-success">
+            <div class="svadmin-u-421ac2be5045 svadmin-u-17a9f7af2265 svadmin-u-7660b450905a svadmin-u-0e65706bcccd svadmin-u-d058ca6de60f svadmin-u-76747e5e02ff">
               + {formatValue(diff.newVal)}
             </div>
           {:else if diff.status === 'removed'}
-            <div class="rounded-md bg-destructive/10 p-2 font-mono text-[11px] text-destructive line-through">
+            <div class="svadmin-u-421ac2be5045 svadmin-u-43928fcc832f svadmin-u-7660b450905a svadmin-u-0e65706bcccd svadmin-u-d058ca6de60f svadmin-u-811148b13d1e line-through">
               - {formatValue(diff.oldVal)}
             </div>
           {:else}
-            <div class="font-mono text-[11px] text-muted-foreground">
+            <div class="svadmin-u-0e65706bcccd svadmin-u-d058ca6de60f svadmin-u-bfa603190748">
               {formatValue(diff.newVal)}
             </div>
           {/if}

package/dist/components/VirtualTable.svelte

@@ -50,13 +50,13 @@
   );
 </script>
 
-<div class={cn('w-full rounded-xl border border-border bg-card shadow-xs overflow-hidden flex flex-col text-xs', className)}>
+<div class={cn('svadmin-u-6da6a3c3f741 svadmin-u-a217b4eaa918 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-cef5b893cf23 svadmin-u-2cd02d11d1af svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-359090c2d529', className)}>
   <!-- Sticky Header -->
-  <div class="border-b border-border/80 bg-muted/40 font-semibold text-muted-foreground flex items-center h-10 px-4 select-none shrink-0">
+  <div class="svadmin-u-65fdbade2025 svadmin-u-c9ed8c5f79ae svadmin-u-b00f43c30c2b svadmin-u-e83a7042bc91 svadmin-u-bfa603190748 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-426b8b75185b svadmin-u-f0faeb26d656 svadmin-u-7f6912283f11 svadmin-u-012fbd121f37">
     {#each columns as col (col.key)}
       <div
         style={col.width ? `width: ${col.width}; flex-shrink: 0;` : 'flex: 1; min-width: 0;'}
-        class={cn('truncate px-2', col.align === 'right' ? 'text-right' : col.align === 'center' ? 'text-center' : 'text-left')}
+        class={cn('svadmin-u-f283ea9bea0e svadmin-u-d5eab218aa34', col.align === 'right' ? 'svadmin-u-308fc069e46e' : col.align === 'center' ? 'svadmin-u-ca6bf63030aa' : 'svadmin-u-2eba0d65d059')}
       >
         {col.label}
       </div>
@@ -65,14 +65,14 @@
 
   <!-- Virtual Scroll Viewport -->
   <div
-    class="overflow-y-auto relative w-full"
+    class="svadmin-u-92bf82f493b1 svadmin-u-d89972fe17d6 svadmin-u-6da6a3c3f741"
     style="height: {height}px;"
     onscroll={handleScroll}
   >
     <div style="height: {totalHeight}px; width: 100%; position: relative;">
       {#each visibleSlice as { item, index, top } (item[rowKey] ?? index)}
         <div
-          class="absolute left-0 right-0 flex items-center px-4 border-b border-border/40 hover:bg-muted/30 transition-colors"
+          class="svadmin-u-da4dbfbc4fdc svadmin-u-c78facc7a0a6 svadmin-u-d8cdcad240d1 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-f0faeb26d656 svadmin-u-65fdbade2025 svadmin-u-6ee2d41e2d2d svadmin-u-12251b8f1749 svadmin-u-ceb69a6b0e5f"
           style="top: {top}px; height: {itemHeight}px;"
         >
           {#if rowSnippet}
@@ -81,7 +81,7 @@
             {#each columns as col (col.key)}
               <div
                 style={col.width ? `width: ${col.width}; flex-shrink: 0;` : 'flex: 1; min-width: 0;'}
-                class={cn('truncate px-2 font-medium text-foreground', col.align === 'right' ? 'text-right' : col.align === 'center' ? 'text-center' : 'text-left')}
+                class={cn('svadmin-u-f283ea9bea0e svadmin-u-d5eab218aa34 svadmin-u-2689f3958069 svadmin-u-d4108abe6359', col.align === 'right' ? 'svadmin-u-308fc069e46e' : col.align === 'center' ? 'svadmin-u-ca6bf63030aa' : 'svadmin-u-2eba0d65d059')}
               >
                 {item[col.key] ?? '—'}
               </div>
@@ -91,7 +91,7 @@
       {/each}
 
       {#if items.length === 0}
-        <div class="h-32 flex items-center justify-center text-muted-foreground text-xs">
+        <div class="svadmin-u-b5f3ff77f4f9 svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-bfa603190748 svadmin-u-359090c2d529">
           No records to display
         </div>
       {/if}
@@ -99,8 +99,8 @@
   </div>
 
   <!-- Footer Info -->
-  <div class="flex items-center justify-between px-4 py-2 border-t border-border/60 bg-muted/20 text-[11px] text-muted-foreground shrink-0">
-    <span>Total <strong class="text-foreground font-semibold">{items.length}</strong> rows</span>
+  <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-f0faeb26d656 svadmin-u-03b4dd7f172b svadmin-u-b950dda299d3 svadmin-u-05faf5c801ff svadmin-u-967d113a1451 svadmin-u-d058ca6de60f svadmin-u-bfa603190748 svadmin-u-012fbd121f37">
+    <span>Total <strong class="svadmin-u-d4108abe6359 svadmin-u-e83a7042bc91">{items.length}</strong> rows</span>
     <span>Rendered {visibleSlice.length} in viewport</span>
   </div>
 </div>

package/dist/components/Watermark.svelte

@@ -148,14 +148,14 @@
 
 <div
   bind:this={containerEl}
-  class={cn('relative overflow-hidden', className)}
+  class={cn('svadmin-u-d89972fe17d6 svadmin-u-2cd02d11d1af', className)}
   data-svadmin-watermark-wrapper
 >
   {#key watermarkRevision}
     {#if base64Url}
       <div
         data-svadmin-watermark
-        class="absolute inset-0 pointer-events-none"
+        class="svadmin-u-da4dbfbc4fdc svadmin-u-7b7df0449b80 svadmin-u-a4326536b8f5"
         style="z-index: {zIndex}; background-image: url('{base64Url}'); background-position: {offset[0]}px {offset[1]}px; background-repeat: repeat;"
       ></div>
     {/if}

package/dist/components/account/CompanyProfilePage.svelte

@@ -29,19 +29,19 @@
 </script>
 
 {#snippet headerActions()}
-  <Button onclick={save} disabled={saving} size="sm">{#if saving}<Loader2 class="size-3.5 animate-spin" />{/if}{i18n.t('common.save')}</Button>
+  <Button onclick={save} disabled={saving} size="sm">{#if saving}<Loader2 class="svadmin-u-783b0d9d1e2c svadmin-u-afbdd13a380e" />{/if}{i18n.t('common.save')}</Button>
 {/snippet}
 
 {#snippet primary()}
-  <SettingsGroup title={i18n.t('account.basicSettings')} description={i18n.t('account.companyProfileDescription')} bodyClass="space-y-4"><div class="grid gap-4 sm:grid-cols-2"><div class="space-y-2"><Label for="company-name">{i18n.t('profile.companyName')}</Label><Input id="company-name" bind:value={companyName} /></div><div class="space-y-2"><Label for="company-industry">{i18n.t('profile.industry')}</Label><Input id="company-industry" bind:value={industry} /></div><div class="space-y-2 sm:col-span-2"><Label for="company-website">{i18n.t('profile.website')}</Label><Input id="company-website" bind:value={website} type="url" /></div></div><div class="space-y-2"><Label for="company-description">{i18n.t('profile.companyDescription')}</Label><Textarea id="company-description" bind:value={description} rows={4} /></div></SettingsGroup>
+  <SettingsGroup title={i18n.t('account.basicSettings')} description={i18n.t('account.companyProfileDescription')} bodyClass="space-y-4"><div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e00ad81645a2"><div class="svadmin-u-6f7e013d6499"><Label for="company-name">{i18n.t('profile.companyName')}</Label><Input id="company-name" bind:value={companyName} /></div><div class="svadmin-u-6f7e013d6499"><Label for="company-industry">{i18n.t('profile.industry')}</Label><Input id="company-industry" bind:value={industry} /></div><div class="svadmin-u-6f7e013d6499 svadmin-u-d378a2461dc3"><Label for="company-website">{i18n.t('profile.website')}</Label><Input id="company-website" bind:value={website} type="url" /></div></div><div class="svadmin-u-6f7e013d6499"><Label for="company-description">{i18n.t('profile.companyDescription')}</Label><Textarea id="company-description" bind:value={description} rows={4} /></div></SettingsGroup>
 {/snippet}
 
 {#snippet secondary()}
-  <SettingsGroup title={i18n.t('profile.companyName')} description={industry} bodyClass="space-y-4"><p class="text-lg font-semibold text-foreground">{companyName}</p><DescriptionList columns={1} items={[{ label: i18n.t('profile.website'), value: website, href: website }, { label: i18n.t('profile.employees'), value: '1,250' }, { label: i18n.t('profile.founded'), value: '2015' }]} /></SettingsGroup>
+  <SettingsGroup title={i18n.t('profile.companyName')} description={industry} bodyClass="space-y-4"><p class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{companyName}</p><DescriptionList columns={1} items={[{ label: i18n.t('profile.website'), value: website, href: website }, { label: i18n.t('profile.employees'), value: '1,250' }, { label: i18n.t('profile.founded'), value: '2015' }]} /></SettingsGroup>
 {/snippet}
 
 <ContentPageShell pageId="account-company-profile" width="wide">
   <ContentPageHeader title={i18n.t('account.companyProfile')} description={i18n.t('account.companyProfileDescription')} actions={headerActions} />
   <WorkspaceLayout {primary} {secondary} secondaryWidth="20rem" />
-  <section class="space-y-3"><SectionHeader title={i18n.t('profileSections.members')} /><MemberList {members} emptyTitle={i18n.t('common.noData')} emptyDescription={i18n.t('empty.description')} /></section>
+  <section class="svadmin-u-6ed543e2fbbb"><SectionHeader title={i18n.t('profileSections.members')} /><MemberList {members} emptyTitle={i18n.t('common.noData')} emptyDescription={i18n.t('empty.description')} /></section>
 </ContentPageShell>

package/dist/components/account/GetStartedPage.svelte

@@ -26,39 +26,39 @@
 </script>
 
 <ContentPageShell pageId="account-get-started" width="wide">
-  <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
+  <div class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-1004c0c3954c svadmin-u-020ba687fa12 svadmin-u-64cac80d2e9a svadmin-u-3b9871a0bf93">
     <ContentPageHeader title={i18n.t('account.getStarted')} description={isZh ? '从账户功能入口快速完成组织、成员、安全和集成配置。' : 'Use the account hub to complete organization, member, security, and integration setup.'} />
     <Badge variant="outline">{progress}% {isZh ? '已完成' : 'complete'}</Badge>
   </div>
 
-  <div class="grid gap-6 xl:grid-cols-[minmax(0,1fr)_19rem]">
-    <div class="grid gap-4 md:grid-cols-2">
+  <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0d304f904cb0 svadmin-u-078ed38802b9">
+    <div class="svadmin-u-f3c543ad5fe9 svadmin-u-0c3bc98565dd svadmin-u-e4d6f343b9ff">
       {#each entries as entry (entry.id)}
-        <Card.Card class="flex min-h-52 flex-col">
-          <Card.CardContent class="flex flex-1 flex-col p-5">
-            <div class="flex items-start justify-between gap-3">
-              <span class="flex size-9 items-center justify-center rounded-md border border-border bg-card text-primary"><entry.icon class="size-4" /></span>
-              <button type="button" class="flex size-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:text-foreground" aria-label={isZh ? '切换完成状态' : 'Toggle completion'} onclick={() => toggleCompleted(entry.id)}>
-                {#if completed.includes(entry.id)}<Check class="size-4 text-success" />{/if}
+        <Card.Card class="svadmin-u-60fbb7713999 svadmin-u-a0206a0583c8 svadmin-u-8dddea0773ed">
+          <Card.CardContent class="svadmin-u-60fbb7713999 svadmin-u-36e579c0b41c svadmin-u-8dddea0773ed svadmin-u-c07e54fd1439">
+            <div class="svadmin-u-60fbb7713999 svadmin-u-60541e1e26f8 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c">
+              <span class="svadmin-u-60fbb7713999 svadmin-u-665f07fe73cc svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-20aaf08a7ed1"><entry.icon class="svadmin-u-f7b5fa971871" /></span>
+              <button type="button" class="svadmin-u-60fbb7713999 svadmin-u-d8f5213f0fe0 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-bfa603190748 svadmin-u-ea7b2e9e070e" aria-label={isZh ? '切换完成状态' : 'Toggle completion'} onclick={() => toggleCompleted(entry.id)}>
+                {#if completed.includes(entry.id)}<Check class="svadmin-u-f7b5fa971871 svadmin-u-76747e5e02ff" />{/if}
               </button>
             </div>
-            <h2 class="mt-4 text-base font-semibold text-foreground">{entry.title}</h2>
-            <p class="mt-1 flex-1 text-sm leading-6 text-muted-foreground">{entry.description}</p>
-            <Button href={entry.href} variant="link" class="mt-4 h-auto justify-start p-0">{isZh ? '打开设置' : 'Open settings'}<ArrowRight class="size-3.5" /></Button>
+            <h2 class="svadmin-u-0ab8667228fd svadmin-u-4ee734926ff6 svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{entry.title}</h2>
+            <p class="svadmin-u-b6b02c0ebef6 svadmin-u-36e579c0b41c svadmin-u-fc7473ca09eb svadmin-u-18550d5945ae svadmin-u-bfa603190748">{entry.description}</p>
+            <Button href={entry.href} variant="link" class="svadmin-u-0ab8667228fd svadmin-u-b8f0a08ece1e svadmin-u-4b5cc19bfdfc svadmin-u-8a539c7fe216">{isZh ? '打开设置' : 'Open settings'}<ArrowRight class="svadmin-u-783b0d9d1e2c" /></Button>
           </Card.CardContent>
         </Card.Card>
       {/each}
     </div>
 
-    <aside class="space-y-5">
-      <section class="rounded-lg border border-border bg-card p-5">
-        <div class="flex items-center gap-3"><span class="flex size-9 items-center justify-center rounded-md bg-primary/10 text-primary"><KeyRound class="size-4" /></span><div><h2 class="text-sm font-semibold text-foreground">{isZh ? '账户准备度' : 'Account readiness'}</h2><p class="text-xs text-muted-foreground">{completed.length} / {entries.length}</p></div></div>
-        <div class="mt-4 h-2 overflow-hidden rounded-full bg-muted"><div class="h-full rounded-full bg-primary" style:width={`${progress}%`}></div></div>
-        <div class="mt-4 divide-y divide-border border-y border-border">
-          {#each entries as entry (entry.id)}<div class="flex items-center justify-between gap-3 py-3 text-sm"><span class="text-muted-foreground">{entry.title}</span>{#if completed.includes(entry.id)}<Badge variant="secondary">{isZh ? '完成' : 'Done'}</Badge>{:else}<span class="text-xs text-muted-foreground">{isZh ? '待配置' : 'Pending'}</span>{/if}</div>{/each}
+    <aside class="svadmin-u-b43b4c086d9a">
+      <section class="svadmin-u-5f22e64f2282 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-cd0ad9a56558 svadmin-u-c07e54fd1439">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c"><span class="svadmin-u-60fbb7713999 svadmin-u-665f07fe73cc svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1"><KeyRound class="svadmin-u-f7b5fa971871" /></span><div><h2 class="svadmin-u-fc7473ca09eb svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{isZh ? '账户准备度' : 'Account readiness'}</h2><p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{completed.length} / {entries.length}</p></div></div>
+        <div class="svadmin-u-0ab8667228fd svadmin-u-2f2a842e50fa svadmin-u-2cd02d11d1af svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219"><div class="svadmin-u-668b21aa5409 svadmin-u-ac204c108886 svadmin-u-75b1bec3ea0e" style:width={`${progress}%`}></div></div>
+        <div class="svadmin-u-0ab8667228fd svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3 svadmin-u-8b8196092091 svadmin-u-18049387f0af">
+          {#each entries as entry (entry.id)}<div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-1004c0c3954c svadmin-u-1b2d54a3fd12 svadmin-u-fc7473ca09eb"><span class="svadmin-u-bfa603190748">{entry.title}</span>{#if completed.includes(entry.id)}<Badge variant="secondary">{isZh ? '完成' : 'Done'}</Badge>{:else}<span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">{isZh ? '待配置' : 'Pending'}</span>{/if}</div>{/each}
         </div>
       </section>
-      <Button class="w-full" onclick={() => completed = entries.map((entry) => entry.id)}>{isZh ? '标记全部完成' : 'Mark all complete'}</Button>
+      <Button class="svadmin-u-6da6a3c3f741" onclick={() => completed = entries.map((entry) => entry.id)}>{isZh ? '标记全部完成' : 'Mark all complete'}</Button>
     </aside>
   </div>
 </ContentPageShell>

package/dist/components/account/ImportMembersPage.svelte

@@ -72,61 +72,61 @@
   }
 </script>
 
-<div class="space-y-6" data-svadmin-content-page="account">
+<div class="svadmin-u-b3542e058833" data-svadmin-content-page="account">
   <div>
-    <h2 class="text-xl font-semibold text-foreground">{i18n.t('account.importMembers')}</h2>
-    <p class="mt-1 text-sm text-muted-foreground">{i18n.t('account.importMembersDescription')}</p>
+    <h2 class="svadmin-u-d5c9b0001e7e svadmin-u-e83a7042bc91 svadmin-u-d4108abe6359">{i18n.t('account.importMembers')}</h2>
+    <p class="svadmin-u-b6b02c0ebef6 svadmin-u-fc7473ca09eb svadmin-u-bfa603190748">{i18n.t('account.importMembersDescription')}</p>
   </div>
 
   {#if importState === 'complete'}
-    <Card.Card class="border-success/30 bg-success/5">
-      <Card.CardContent class="flex flex-col items-center gap-4 p-8">
-        <div class="flex h-14 w-14 items-center justify-center rounded-2xl bg-success/10 text-success">
-          <CheckCircle2 class="h-7 w-7" />
+    <Card.Card class="svadmin-u-18a6e7a36f29 svadmin-u-338625ff877e">
+      <Card.CardContent class="svadmin-u-60fbb7713999 svadmin-u-8dddea0773ed svadmin-u-3960ffc248d9 svadmin-u-0c3bc98565dd svadmin-u-845f53365c8d">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-73a1340934c0 svadmin-u-7e74e5fe798a svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-68f2db624df7 svadmin-u-17a9f7af2265 svadmin-u-76747e5e02ff">
+          <CheckCircle2 class="svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828" />
         </div>
-        <div class="text-center">
-          <h3 class="text-lg font-semibold text-success">{i18n.t('account.importComplete')}</h3>
-          <p class="text-sm text-success/70 mt-1">{i18n.t('account.imported', { count: importCount })}</p>
+        <div class="svadmin-u-ca6bf63030aa">
+          <h3 class="svadmin-u-42536e69e639 svadmin-u-e83a7042bc91 svadmin-u-76747e5e02ff">{i18n.t('account.importComplete')}</h3>
+          <p class="svadmin-u-fc7473ca09eb svadmin-u-083abb355258 svadmin-u-b6b02c0ebef6">{i18n.t('account.imported', { count: importCount })}</p>
         </div>
         <Button variant="outline" onclick={resetImport}>{i18n.t('common.back')}</Button>
       </Card.CardContent>
     </Card.Card>
   {:else}
     <!-- Upload area -->
-    <Card.Card class="border-border/60">
-      <Card.CardContent class="p-6">
+    <Card.Card class="svadmin-u-05faf5c801ff">
+      <Card.CardContent class="svadmin-u-0478c89a150f">
         <label
           for="file-input"
-          class="block cursor-pointer rounded-xl border-2 border-dashed p-8 text-center transition-colors
-            {isDragging ? 'border-primary bg-primary/5' : 'border-border/60 hover:border-primary/40'}"
+          class="svadmin-u-0214b4b355d1 svadmin-u-34516836730d svadmin-u-a217b4eaa918 svadmin-u-65935df577ba svadmin-u-a29b7a649c77 svadmin-u-845f53365c8d svadmin-u-ca6bf63030aa svadmin-u-ceb69a6b0e5f
+            {isDragging ? 'svadmin-u-6cbc84dd9e1a svadmin-u-989c466fdbe7' : 'svadmin-u-05faf5c801ff svadmin-u-7d7df768f912'}"
           ondragover={handleDragOver}
           ondragleave={handleDragLeave}
           ondrop={handleDrop}
         >
           {#if importState === 'idle'}
-            <Upload class="mx-auto h-10 w-10 text-muted-foreground" />
-            <p class="mt-3 text-sm font-medium text-foreground">{i18n.t('account.dragOrClick')}</p>
-            <p class="mt-1 text-xs text-muted-foreground">{i18n.t('account.supportedFormats')}</p>
-            <div class="mt-4">
-              <span class="inline-flex h-8 items-center justify-center rounded-md border border-input bg-background px-3 text-sm font-medium shadow-xs transition-colors hover:bg-accent hover:text-accent-foreground">
+            <Upload class="svadmin-u-0e12dc7de920 svadmin-u-426b8b75185b svadmin-u-d854e5698b57 svadmin-u-bfa603190748" />
+            <p class="svadmin-u-eccd13ef4f2f svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{i18n.t('account.dragOrClick')}</p>
+            <p class="svadmin-u-b6b02c0ebef6 svadmin-u-359090c2d529 svadmin-u-bfa603190748">{i18n.t('account.supportedFormats')}</p>
+            <div class="svadmin-u-0ab8667228fd">
+              <span class="svadmin-u-52083e7da442 svadmin-u-ed8a5df7b2fb svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-e5795dad4d22 svadmin-u-e6f9e383a762 svadmin-u-0e17f2bd9074 svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-cef5b893cf23 svadmin-u-ceb69a6b0e5f svadmin-u-0557b88819cd svadmin-u-3a99b2b8fbbe">
                 {i18n.t('common.upload')}
               </span>
-              <input id="file-input" type="file" accept=".csv,.xlsx" class="sr-only" onchange={handleFileSelect} />
+              <input id="file-input" type="file" accept=".csv,.xlsx" class="svadmin-u-2daa8e5e2f2e" onchange={handleFileSelect} />
             </div>
           {:else if importState === 'uploading' || importState === 'processing'}
-            <div class="space-y-3">
-              <div class="flex items-center justify-center gap-2 text-sm">
+            <div class="svadmin-u-6ed543e2fbbb">
+              <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-77a2a20e90d4 svadmin-u-fc7473ca09eb">
                 {#if importState === 'processing'}
-                  <Loader2 class="h-4 w-4 animate-spin" />
+                  <Loader2 class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-afbdd13a380e" />
                 {:else}
-                  <FileText class="h-4 w-4 text-muted-foreground" />
+                  <FileText class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748" />
                 {/if}
-                <span class="font-medium">{fileName}</span>
+                <span class="svadmin-u-2689f3958069">{fileName}</span>
               </div>
-              <div class="h-2 w-48 mx-auto rounded-full bg-muted overflow-hidden">
-                <div class="h-full rounded-full bg-primary transition-all duration-300" style="width: {progress}%"></div>
+              <div class="svadmin-u-2f2a842e50fa svadmin-u-74b2435a1d40 svadmin-u-0e12dc7de920 svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219 svadmin-u-2cd02d11d1af">
+                <div class="svadmin-u-668b21aa5409 svadmin-u-ac204c108886 svadmin-u-75b1bec3ea0e svadmin-u-0fe7d7d814d0 svadmin-u-7890552ecd63" style="width: {progress}%"></div>
               </div>
-              <p class="text-xs text-muted-foreground">
+              <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">
                 {importState === 'uploading' ? i18n.t('account.importProgress') : i18n.t('account.startImport')}...
               </p>
             </div>
@@ -136,36 +136,36 @@
     </Card.Card>
 
     <!-- Template download -->
-    <Card.Card class="border-border/60">
-      <Card.CardContent class="flex items-center justify-between p-4">
-        <div class="flex items-center gap-3">
-          <div class="flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary">
-            <FileText class="h-4 w-4" />
+    <Card.Card class="svadmin-u-05faf5c801ff">
+      <Card.CardContent class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-8e63407b5ceb">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-1004c0c3954c">
+          <div class="svadmin-u-60fbb7713999 svadmin-u-e7a768f922d2 svadmin-u-ae2181c7b10f svadmin-u-3960ffc248d9 svadmin-u-86843cf1e227 svadmin-u-5f22e64f2282 svadmin-u-375dc44df6e9 svadmin-u-20aaf08a7ed1">
+            <FileText class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
           </div>
           <div>
-            <p class="text-sm font-medium text-foreground">{i18n.t('account.downloadTemplate')}</p>
-            <p class="text-xs text-muted-foreground">CSV template.csv</p>
+            <p class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069 svadmin-u-d4108abe6359">{i18n.t('account.downloadTemplate')}</p>
+            <p class="svadmin-u-359090c2d529 svadmin-u-bfa603190748">CSV template.csv</p>
           </div>
         </div>
         <Button variant="outline" size="sm">
-          <Download class="h-3.5 w-3.5 mr-1" />{i18n.t('account.downloadTemplate')}
+          <Download class="svadmin-u-7fc7f732bf7e svadmin-u-bf600f8e029c svadmin-u-618162408e7a" />{i18n.t('account.downloadTemplate')}
         </Button>
       </Card.CardContent>
     </Card.Card>
 
     <!-- Import options -->
-    <Card.Card class="border-border/60">
+    <Card.Card class="svadmin-u-05faf5c801ff">
       <Card.CardHeader>
-        <Card.CardTitle class="text-base">{i18n.t('account.importOptions')}</Card.CardTitle>
+        <Card.CardTitle class="svadmin-u-4ee734926ff6">{i18n.t('account.importOptions')}</Card.CardTitle>
       </Card.CardHeader>
-      <Card.CardContent class="space-y-4">
+      <Card.CardContent class="svadmin-u-3e7ce58d64fa">
         {#each importOptions as option, i (option.key)}
-          <div class="flex items-center justify-between gap-4">
-            <Label for="import-option-{i}" class="text-sm font-normal text-foreground">{i18n.t(option.key)}</Label>
+          <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc svadmin-u-0c3bc98565dd">
+            <Label for="import-option-{i}" class="svadmin-u-fc7473ca09eb svadmin-u-8ecebc9f80e6 svadmin-u-d4108abe6359">{i18n.t(option.key)}</Label>
             <Switch id="import-option-{i}" bind:checked={optionStates[i]} />
           </div>
         {/each}
-        <div class="flex justify-end border-t pt-4">
+        <div class="svadmin-u-60fbb7713999 svadmin-u-77c08e015d14 svadmin-u-b950dda299d3 svadmin-u-173fa8f06789">
           <Button onclick={() => { const input = document.getElementById('file-input'); input?.click(); }}>
             {i18n.t('account.startImport')}
           </Button>