style: 리팩토링 및 CSS 통합 작업 완료 (하드코딩 스타일 제거)

src/styles/table.css

@@ -230,3 +230,91 @@ th.sortable.desc::after {
   opacity: 1;
   color: var(--primary-color);
 }
+
+/* --- Mini Table for System Status --- */
+.mini-table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+
+.mini-table thead {
+  position: sticky;
+  top: 0;
+  background: var(--white);
+  z-index: 10;
+}
+
+.mini-table th {
+  padding: 10px 0;
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--text-muted);
+  border-bottom: 2px solid var(--border-color);
+  background: var(--white);
+  text-align: center;
+}
+
+.mini-table th:nth-child(2) {
+  text-align: left;
+}
+
+.mini-row {
+  border-bottom: 1px solid var(--border-color);
+  cursor: pointer;
+  font-size: 12px;
+  transition: background-color 0.2s;
+}
+
+.mini-row:hover {
+  background-color: #F8FAFA;
+}
+
+.mini-row.active {
+  background-color: #EBF2F1 !important;
+}
+
+.mini-row td {
+  padding: 10px 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: center;
+}
+
+.mini-row td:nth-child(2) {
+  text-align: left;
+  font-weight: 600;
+}
+
+.mini-row.warning {
+  background-color: #FFF1F2 !important;
+  border-left: 3px solid #E11D48;
+}
+
+.mini-row.warning td {
+  color: #991B1B !important;
+}
+
+.warning-badge {
+  background: #FFF1F2;
+  color: #E11D48;
+  font-size: 10px;
+  font-weight: 800;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #FDA4AF;
+  white-space: nowrap;
+}
+
+.warning-badge-orange {
+  background: #FFF7ED;
+  color: #C2410C;
+  font-size: 10px;
+  font-weight: 800;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #FFEDD5;
+  white-space: nowrap;
+}
+