fix: isolate shared admin styling

src/components/admin/media-grid.tsx

@@ -93,9 +93,9 @@ export function AdminMediaGrid() {
               {progress.current} / {progress.total}
             </span>
           </div>
-          <div className="h-2 w-full bg-[var(--color-primary)]/10 rounded-full overflow-hidden">
+          <div className="h-2 w-full bg-[var(--admin-accent)]/10 rounded-full overflow-hidden">
             <div
-              className="h-full bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-primary-hover)] transition-all duration-300"
+              className="h-full bg-gradient-to-r from-[var(--admin-accent)] to-[var(--admin-accent)] transition-all duration-300"
               style={{ width: `${(progress.current / progress.total) * 100}%` }}
             />
           </div>
@@ -111,12 +111,12 @@ export function AdminMediaGrid() {
           {files.map((f) => (
             <div
               key={f.name}
-              className="border border-[var(--color-text-muted)]/14 rounded-[10px] overflow-hidden bg-[var(--color-background)]"
+              className="border border-[var(--admin-text-muted)]/14 rounded-[10px] overflow-hidden bg-[var(--admin-canvas)]"
             >
               {/* eslint-disable-next-line @next/next/no-img-element */}
               <img src={validImageUrl(f.url)} alt={f.name} className="w-full h-[120px] object-cover block" />
               <div className="p-2">
-                <p className="text-xs text-[var(--color-text-muted)] m-0 mb-1 overflow-hidden text-ellipsis whitespace-nowrap">
+                <p className="text-xs text-[var(--admin-text-muted)] m-0 mb-1 overflow-hidden text-ellipsis whitespace-nowrap">
                   {f.name}
                 </p>
                 <button