refactor: 전체 프론트엔드 하드코딩 색상 → CSS 변수 일괄 치환

447+ 파일, 4500+ 줄 변경:
- gray-* → border/bg-muted/text-foreground/text-muted-foreground
- blue-* → primary/ring
- red-* → destructive
- green-* → emerald (일관성)
- indigo-* → primary
- yellow/orange → amber (통일)
- dark mode 변형도 시맨틱 토큰으로 변환

Made-with: Cursor

frontend/components/admin/TableLogViewer.tsx

@@ -102,11 +102,11 @@ export function TableLogViewer({ tableName, open, onOpenChange }: TableLogViewer
   const getOperationBadge = (type: string) => {
     switch (type) {
       case "INSERT":
-        return <Badge className="bg-green-500">추가</Badge>;
+        return <Badge className="bg-emerald-500">추가</Badge>;
       case "UPDATE":
-        return <Badge className="bg-blue-500">수정</Badge>;
+        return <Badge className="bg-primary">수정</Badge>;
       case "DELETE":
-        return <Badge className="bg-red-500">삭제</Badge>;
+        return <Badge className="bg-destructive">삭제</Badge>;
       default:
         return <Badge>{type}</Badge>;
     }
@@ -150,7 +150,7 @@ export function TableLogViewer({ tableName, open, onOpenChange }: TableLogViewer
 
           <div className="grid grid-cols-2 gap-3 md:grid-cols-3">
             <div>
-              <label className="mb-1 block text-sm text-gray-600">작업 유형</label>
+              <label className="mb-1 block text-sm text-muted-foreground">작업 유형</label>
               {/* Radix UI Select v2.x: 빈 문자열 value="" 금지 → "__all__" 사용 */}
               <Select 
                 value={operationType || "__all__"} 
@@ -169,22 +169,22 @@ export function TableLogViewer({ tableName, open, onOpenChange }: TableLogViewer
             </div>
 
             <div>
-              <label className="mb-1 block text-sm text-gray-600">시작 날짜</label>
+              <label className="mb-1 block text-sm text-muted-foreground">시작 날짜</label>
               <Input type="date" value={startDate} onChange={(e) => setStartDate(e.target.value)} />
             </div>
 
             <div>
-              <label className="mb-1 block text-sm text-gray-600">종료 날짜</label>
+              <label className="mb-1 block text-sm text-muted-foreground">종료 날짜</label>
               <Input type="date" value={endDate} onChange={(e) => setEndDate(e.target.value)} />
             </div>
 
             <div>
-              <label className="mb-1 block text-sm text-gray-600">변경자</label>
+              <label className="mb-1 block text-sm text-muted-foreground">변경자</label>
               <Input placeholder="사용자 ID" value={changedBy} onChange={(e) => setChangedBy(e.target.value)} />
             </div>
 
             <div>
-              <label className="mb-1 block text-sm text-gray-600">원본 ID</label>
+              <label className="mb-1 block text-sm text-muted-foreground">원본 ID</label>
               <Input placeholder="레코드 ID" value={originalId} onChange={(e) => setOriginalId(e.target.value)} />
             </div>
 
@@ -204,7 +204,7 @@ export function TableLogViewer({ tableName, open, onOpenChange }: TableLogViewer
               <LoadingSpinner />
             </div>
           ) : logs.length === 0 ? (
-            <div className="flex h-64 items-center justify-center text-gray-500">변경 이력이 없습니다.</div>
+            <div className="flex h-64 items-center justify-center text-muted-foreground">변경 이력이 없습니다.</div>
           ) : (
             <Table>
               <TableHeader>
@@ -243,7 +243,7 @@ export function TableLogViewer({ tableName, open, onOpenChange }: TableLogViewer
 
         {/* 페이지네이션 */}
         <div className="flex items-center justify-between border-t pt-4">
-          <div className="text-sm text-gray-600">
+          <div className="text-sm text-muted-foreground">
             전체 {total}건 (페이지 {page} / {totalPages})
           </div>
           <div className="flex gap-2">