feat: update seat map dxf workflow and organization ui

legacy/static/organization.css

@@ -571,17 +571,17 @@ body {
 
 .search-section {
   position: fixed;
-  top: 18px;
-  left: 25px;
+  top: 14px;
+  left: 18px;
   background: var(--color-surface-soft);
   border-radius: var(--radius-md);
-  padding: 10px 18px;
+  padding: 8px 12px;
   box-shadow: var(--shadow-soft);
   border: 1px solid var(--color-border-soft);
   z-index: 1010;
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 10px;
   backdrop-filter: blur(8px);
   transition: all 0.3s;
 }
@@ -590,26 +590,27 @@ body {
   border: none;
   outline: none;
   background: transparent;
-  font-size: 13px;
+  font-size: 12px;
   font-weight: 700;
   color: var(--color-text);
-  width: 180px;
+  width: 150px;
 }
 
 .search-icon {
   color: var(--color-text-muted);
   display: flex;
   align-items: center;
+  transform: scale(0.9);
 }
 
 .stats-section {
   position: fixed;
-  top: 18px;
-  right: 25px;
-  width: 400px;
+  top: 14px;
+  right: 18px;
+  width: 332px;
   background: var(--color-surface-soft);
   border-radius: var(--radius-md);
-  padding: 15px;
+  padding: 10px 12px;
   box-shadow: var(--shadow-soft);
   border: 1px solid var(--color-border-soft);
   z-index: 1010;
@@ -617,10 +618,15 @@ body {
   transition: all 0.3s;
 }
 
+.stats-title {
+  font-size: 11px;
+  line-height: 1.1;
+}
+
 .stats-table {
   width: 100%;
   border-collapse: collapse;
-  font-size: 11px;
+  font-size: 10px;
   border-radius: 8px;
   overflow: hidden;
   border-style: hidden;
@@ -631,13 +637,13 @@ body {
   background: #f8fafc;
   color: var(--color-text-muted);
   font-weight: 800;
-  padding: 8px 4px;
+  padding: 6px 4px;
   border: 1px solid #e2e8f0;
   text-align: center;
 }
 
 .stats-table td {
-  padding: 8px 4px;
+  padding: 6px 4px;
   border: 1px solid #e2e8f0;
   text-align: center;
   font-weight: 700;
@@ -648,7 +654,38 @@ body {
   background: #f8fafc;
   color: var(--color-text-soft);
   font-weight: 800;
-  width: 80px;
+  width: 92px;
+}
+
+.stats-company-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.stats-company-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 999px;
+  display: inline-block;
+  background: #94a3b8;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
+}
+
+.stats-company-dot.co-삼안 {
+  background: #ffb366;
+}
+
+.stats-company-dot.co-한맥 {
+  background: #ef4444;
+}
+
+.stats-company-dot.co-피티씨 {
+  background: #a855f7;
+}
+
+.stats-company-dot.co-바론 {
+  background: #3b82f6;
 }
 
 .stats-table .total-cell {
@@ -735,8 +772,8 @@ body {
 .dept-tabs-container {
   display: flex;
   gap: 8px;
-  margin-top: 15px;
-  padding: 5px 0;
+  margin-top: 10px;
+  padding: 2px 0;
   overflow-x: auto;
   scrollbar-width: none;
 }
@@ -746,11 +783,11 @@ body {
 }
 
 .dept-tab {
-  padding: 6px 14px;
+  padding: 5px 11px;
   background: white;
   border: 1px solid #e2e8f0;
   border-radius: 20px;
-  font-size: 11px;
+  font-size: 10px;
   font-weight: 800;
   color: #64748b;
   cursor: pointer;

legacy/static/organization.js

@@ -813,10 +813,6 @@ function openModal(id) {
         <p class="text-slate-400 text-xs mt-1 font-medium">${(member._path || []).map((path) => path.name).join(' > ')}</p>
       </div>
       <div class="w-full grid grid-cols-2 gap-3 mt-4">
-        <div class="bg-slate-50 p-4 rounded-2xl border border-slate-100 col-span-2">
-          <label class="text-[10px] text-slate-400 font-bold block mb-1">사번</label>
-          <span class="text-sm font-black text-slate-700">${member['사번'] || '정보 없음'}</span>
-        </div>
         <div class="bg-indigo-50 p-4 rounded-2xl border border-indigo-100 col-span-2 flex items-center gap-4">
           <div class="flex-1">
             <label class="text-[10px] text-indigo-400 font-bold block mb-1">연락처</label>