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;