ui 수정 및 시현할 기능 업데이트

frontend/components/admin/dashboard/QueryEditor.tsx

@@ -153,7 +153,7 @@ ORDER BY Q4 DESC;`
             onClick={executeQuery}
             disabled={isExecuting || !query.trim()}
             className="
-              px-3 py-1 bg-blue-500 text-white rounded text-sm
+              px-3 py-1 bg-accent0 text-white rounded text-sm
               hover:bg-blue-600 disabled:bg-gray-300 disabled:cursor-not-allowed
               flex items-center gap-1
             "
@@ -172,10 +172,10 @@ ORDER BY Q4 DESC;`
 
       {/* 샘플 쿼리 버튼들 */}
       <div className="flex gap-2 flex-wrap">
-        <span className="text-sm text-gray-600">샘플 쿼리:</span>
+        <span className="text-sm text-muted-foreground">샘플 쿼리:</span>
         <button
           onClick={() => insertSampleQuery('comparison')}
-          className="px-2 py-1 text-xs bg-blue-100 hover:bg-blue-200 rounded font-medium"
+          className="px-2 py-1 text-xs bg-primary/20 hover:bg-blue-200 rounded font-medium"
         >
           🔥 제품 비교
         </button>
@@ -224,7 +224,7 @@ ORDER BY Q4 DESC;`
 
       {/* 새로고침 간격 설정 */}
       <div className="flex items-center gap-3">
-        <label className="text-sm text-gray-600">자동 새로고침:</label>
+        <label className="text-sm text-muted-foreground">자동 새로고침:</label>
         <select
           value={dataSource?.refreshInterval || 30000}
           onChange={(e) => onDataSourceChange({
@@ -246,7 +246,7 @@ ORDER BY Q4 DESC;`
 
       {/* 오류 메시지 */}
       {error && (
-        <div className="p-3 bg-red-50 border border-red-200 rounded-lg">
+        <div className="p-3 bg-destructive/10 border border-destructive/20 rounded-lg">
           <div className="text-red-800 text-sm font-medium">❌ 오류</div>
           <div className="text-red-700 text-sm mt-1">{error}</div>
         </div>
@@ -282,7 +282,7 @@ ORDER BY Q4 DESC;`
                   {queryResult.rows.slice(0, 10).map((row, idx) => (
                     <tr key={idx} className="border-b border-gray-100">
                       {queryResult.columns.map((col, colIdx) => (
-                        <td key={colIdx} className="py-1 px-2 text-gray-600">
+                        <td key={colIdx} className="py-1 px-2 text-muted-foreground">
                           {String(row[col] ?? '')}
                         </td>
                       ))}