fix(tkfb): Tailwind preflight 비활성화 — 테이블 빈 행 근본 해결

preflight의 border-style:solid가 border-collapse 테이블에서
빈 행을 생성하는 문제. preflight:false로 비활성화하고
유틸리티 클래스만 사용. 이전 CSS override(!important) 제거.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

system1-factory/web/pages/attendance/annual-overview.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>연간 연차 현황 - TK 공장관리</title>
   <script src="https://cdn.tailwindcss.com"></script>
+  <script>tailwind.config = { corePlugins: { preflight: false } }</script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <link rel="stylesheet" href="/static/css/tkfb.css?v=2026031601">
   <style>
@@ -60,21 +61,17 @@
     .dot-longservice { background: #f3e8ff; border: 1px solid #a855f7; }
     .dot-special { background: #fce7f3; border: 1px solid #ec4899; }
 
-    /* 테이블 — Tailwind preflight 충돌 해소 */
+    /* 테이블 */
     .data-table {
       width: 100%;
       border-collapse: collapse;
       font-size: 0.85rem;
       background: white;
     }
-    .data-table, .data-table thead, .data-table tbody, .data-table tr {
-      border: none !important;
-      border-style: none !important;
-    }
     .data-table th, .data-table td {
       padding: 0.6rem 0.5rem;
       text-align: center;
-      border: 1px solid #e5e7eb !important;
+      border: 1px solid #e5e7eb;
     }
     .data-table th {
       background: #f9fafb;