diff --git a/frontend/issues-management.html b/frontend/issues-management.html
index a4c4a6a..aa22894 100644
--- a/frontend/issues-management.html
+++ b/frontend/issues-management.html
@@ -684,7 +684,10 @@
                     <!-- 카드 헤더 -->
                     <div class="flex items-center justify-between mb-4">
                         <div class="flex items-center space-x-3">
-                            <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm font-medium">No.${issue.project_sequence_no || '-'}</span>
+                            <div class="flex items-center space-x-2">
+                                <span class="text-xl font-bold bg-gradient-to-r from-blue-600 to-blue-800 bg-clip-text text-transparent">No.${issue.project_sequence_no || '-'}</span>
+                                <div class="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
+                            </div>
                             <h3 class="text-lg font-semibold text-gray-900">${project ? project.project_name : '프로젝트 미지정'}</h3>
                         </div>
                         <div class="flex space-x-2">
@@ -783,7 +786,12 @@
         function createCompletedRow(issue, project) {
             return `
                 <tr data-issue-id="${issue.id}" class="cursor-pointer hover:bg-blue-50" onclick="openIssueDetailModal(${issue.id})">
-                    <td class="col-no font-medium">${issue.project_sequence_no || '-'}</td>
+                    <td class="col-no font-medium">
+                        <span class="inline-flex items-center space-x-1">
+                            <span class="text-lg font-bold bg-gradient-to-r from-green-600 to-green-800 bg-clip-text text-transparent">No.${issue.project_sequence_no || '-'}</span>
+                            <div class="w-1.5 h-1.5 bg-green-500 rounded-full"></div>
+                        </span>
+                    </td>
                     <td class="col-project">${project ? project.project_name : '-'}</td>
                     <td class="col-content">${getStatusIcon(issue.final_description || issue.description)}</td>
                     <td class="col-cause">${getStatusIcon(getCategoryText(issue.final_category || issue.category))}</td>
@@ -824,7 +832,12 @@
             if (currentTab === 'in_progress') {
                 // 진행 중 탭 헤더
                 return `
-                    <th class="col-no">No.</th>
+                    <th class="col-no">
+                        <span class="inline-flex items-center space-x-1">
+                            <span class="font-bold bg-gradient-to-r from-blue-600 to-blue-800 bg-clip-text text-transparent">No.</span>
+                            <div class="w-1.5 h-1.5 bg-blue-500 rounded-full"></div>
+                        </span>
+                    </th>
                     <th class="col-project">프로젝트</th>
                     <th class="col-content">내용</th>
                     <th class="col-cause">원인</th>
@@ -839,7 +852,12 @@
             } else {
                 // 완료됨 탭 헤더
                 return `
-                    <th class="col-no">No.</th>
+                    <th class="col-no">
+                        <span class="inline-flex items-center space-x-1">
+                            <span class="font-bold bg-gradient-to-r from-green-600 to-green-800 bg-clip-text text-transparent">No.</span>
+                            <div class="w-1.5 h-1.5 bg-green-500 rounded-full"></div>
+                        </span>
+                    </th>
                     <th class="col-project">프로젝트</th>
                     <th class="col-content">내용</th>
                     <th class="col-cause">원인</th>
@@ -1108,7 +1126,14 @@
             const project = projects.find(p => p.id === issue.project_id);
             
             // 모달 제목 설정
-            document.getElementById('modalTitle').textContent = `부적합 No.${issue.project_sequence_no} 상세 정보`;
+            document.getElementById('modalTitle').innerHTML = `
+                <span class="inline-flex items-center space-x-2">
+                    <span>부적합</span>
+                    <span class="text-xl font-bold bg-gradient-to-r from-green-600 to-green-800 bg-clip-text text-transparent">No.${issue.project_sequence_no || '-'}</span>
+                    <div class="w-2 h-2 bg-green-500 rounded-full"></div>
+                    <span>상세 정보</span>
+                </span>
+            `;
             
             // 모달 내용 생성
             const modalContent = document.getElementById('modalContent');