API 통계 도메인 구조 개편 및 조회 기능 확장:

- API 통계 엔티티/리포지토리 다층 나눔 (분/시/일/월)
- API 상세/요약 통계 및 기간별 누적 통계 DTO 추가
- 고객센터 연락처 조회 로직 추가 (@ModelAttribute) - 글로벌 푸터 적용
- @EMSDataSource 지원 엔티티-패키지 다중 검색 적용
- 기존 ApiStatisticsRepository 삭제, 분리된 구성으로 대체

src/main/resources/static/css/main.css

@@ -19148,12 +19148,72 @@ input[type=checkbox]:checked + .custom-checkbox {
   padding: 48px 0px;
 }
 
+.statistics-notice {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 16px;
+  padding: 12px 18px;
+  background: #eef4fc;
+  border: 1px solid #d6e4f5;
+  border-radius: 10px;
+  font-size: 13px;
+  color: #4a5568;
+}
+
+.statistics-notice-latest {
+  color: #0049B4;
+  font-weight: 600;
+}
+
 .statistics-search-section {
   display: flex;
-  justify-content: flex-end;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 12px;
   margin-bottom: 30px;
 }
 
+.search-mode-tabs {
+  display: inline-flex;
+  background: #eef1f5;
+  border-radius: 22px;
+  padding: 4px;
+}
+
+.mode-tab {
+  border: none;
+  background: transparent;
+  padding: 7px 22px;
+  border-radius: 18px;
+  font-size: 14px;
+  color: #666;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.mode-tab.active {
+  background: #0049B4;
+  color: #fff;
+  font-weight: 600;
+}
+
+.month-range-picker {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.month-input {
+  border: none;
+  padding: 8px 12px;
+  font-size: 14px;
+  color: #333;
+  background: transparent;
+  outline: none;
+  cursor: pointer;
+}
+
 .search-filter-row {
   display: flex;
   align-items: center;
@@ -19278,6 +19338,9 @@ input[type=checkbox]:checked + .custom-checkbox {
 .summary-detail-item.success .detail-icon {
   color: #4A90D9;
 }
+.summary-detail-item.timeout .detail-icon {
+  color: #F5C36B;
+}
 .summary-detail-item.failure .detail-icon {
   color: #F5A3B5;
 }
@@ -19338,6 +19401,9 @@ input[type=checkbox]:checked + .custom-checkbox {
 .rate-indicator.success {
   background: #4A90D9;
 }
+.rate-indicator.timeout {
+  background: #F5C36B;
+}
 .rate-indicator.failure {
   background: #F5A3B5;
 }
@@ -19356,6 +19422,10 @@ input[type=checkbox]:checked + .custom-checkbox {
   color: #4A90D9;
 }
 
+.timeout-rate .rate-value {
+  color: #F5C36B;
+}
+
 .failure-rate .rate-value {
   color: #F5A3B5;
 }
@@ -19370,6 +19440,10 @@ input[type=checkbox]:checked + .custom-checkbox {
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  margin-bottom: 30px;
+}
+.statistics-table-card:last-child {
+  margin-bottom: 0;
 }
 
 .table-header {
@@ -19486,6 +19560,11 @@ input[type=checkbox]:checked + .custom-checkbox {
   transition: width 0.3s ease;
 }
 
+.progress-timeout {
+  background: #F5C36B;
+  transition: width 0.3s ease;
+}
+
 .progress-failure {
   background: #F5A3B5;
   transition: width 0.3s ease;