모던 대시보드 패치

- ApexCharts 기반 실시간 모니터링 대시보드
- 어댑터/배치/서버/소켓/트랜잭션 모니터링 컴포넌트
- 처리량 계산 및 데이터 매핑 서비스

WebContent/dashboard-modern/css/sections.css

@@ -0,0 +1,52 @@
+/* sections.css - 대시보드 섹션별 스타일 */
+
+/* 공통 섹션 스타일 */
+.dashboard-servers,
+.dashboard-transactions,
+.dashboard-adapters,
+.dashboard-batch,
+.dashboard-peak,
+.dashboard-sms-summary {
+  margin-bottom: 0.75rem;
+}
+
+.section-title {
+  font-size: 1.1rem;
+  font-weight: 600;
+  color: var(--color-gray-800);
+  margin-bottom: 0.5rem;
+  padding-bottom: 0.4rem;
+  border-bottom: 1px solid var(--color-gray-200);
+}
+
+/* 대시보드 헤더 스타일 - 서버 JSP로 이동됨 */
+
+/* 서버 상태 섹션 - 서버 JSP로 이동됨 */
+
+/* 스파크라인 스타일 - 서버 JSP로 이동됨 */
+
+/* 요약 섹션 - 서버 JSP로 이동됨 */
+
+/* 카드 내부 여백 줄임 */
+.card {
+  padding: 0.6rem;
+}
+
+/* 카드 헤더 여백 줄임 */
+.card-header {
+  margin-bottom: 0.5rem;
+  padding-bottom: 0.4rem;
+}
+
+/* 테이블 여백 줄임 */
+table th,
+table td {
+  padding: 0.3rem 0.4rem;
+}
+
+/* 트랜잭션 현황 섹션 스타일 조정 */
+.transaction-overview-container .card {
+  height: 100%;
+}
+
+/* SMS 섹션 스타일 - 개별 JSP 파일로 이동됨 */