feat(m02-df): 단가산출 흐름도 0걸음 — CostFlow 를 DataFlow 로 옮겨 이름 바꿈

- 파일 M02_CF_* → M02_DF_* · css m02-cf/m01-cf → m02-df · 서버 길 /api/m02/cf → /api/m02/df · 키 CF- → DF- · 사용자 요소 UE- 그대로
- _sample · .gitignore(_data git 밖) 옮김 · DataFlow 는 CostFlow 를 import 안 함
- 시험 test_m02_df_model · router · sample · inputpanel_build(옛 cf 시험은 그대로)
- 서버 등록은 sub1 몫 — M02_MasterTemplete.DataFlow.M02_DF_Router 의 router

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VBToTCGk5dqDKeXCEP3vhk

M02_MasterTemplete/DataFlow/M02_DF_Summary.css

@@ -0,0 +1,132 @@
+.m02-dfsum__big {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: var(--spacing-8);
+  margin: 0 0 var(--spacing-8);
+  color: var(--color-text-secondary);
+}
+
+.m02-dfsum__big strong {
+  color: var(--color-text-body);
+  font-size: 28px;
+  font-variant-numeric: tabular-nums;
+}
+
+.m02-dfsum__costs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-4) var(--spacing-16);
+  margin: 0 0 var(--spacing-12);
+  font-size: var(--text-body-sm);
+}
+
+.m02-dfsum__costs dt {
+  display: inline;
+  color: var(--color-text-secondary);
+}
+
+.m02-dfsum__costs dd {
+  display: inline;
+  margin: 0 0 0 var(--spacing-4);
+  color: var(--color-text-body);
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+
+.m02-dfsum__block {
+  margin: 0 0 var(--spacing-12);
+  color: var(--color-text-body);
+}
+
+.m02-dfsum__scroll {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.m02-dfsum__table {
+  width: 100%;
+  min-width: 360px;
+  margin-top: var(--spacing-4);
+  border-collapse: collapse;
+  font-size: var(--text-body-sm);
+}
+
+.m02-dfsum__table th,
+.m02-dfsum__table td {
+  padding: var(--spacing-4) var(--spacing-8);
+  border: 1px solid var(--color-border);
+  text-align: left;
+  vertical-align: middle;
+}
+
+.m02-dfsum__table th {
+  background: var(--color-surface);
+  color: var(--color-text-secondary);
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.m02-dfsum__table td.m02-dfsum__num {
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+
+.m02-dfsum__strip {
+  margin: 0 0 var(--spacing-12);
+  color: var(--color-text-body);
+}
+
+.m02-dfsum__fields {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-8) var(--spacing-16);
+  margin: var(--spacing-8) 0;
+}
+
+.m02-dfsum__field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  color: var(--color-text-secondary);
+  font-size: var(--text-body-sm);
+}
+
+.m02-dfsum__input {
+  box-sizing: border-box;
+  width: 140px;
+  height: var(--control-height-sm);
+  padding: 3px 6px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-sm);
+  background: var(--color-canvas);
+  color: var(--color-text-body);
+  font: inherit;
+  font-size: var(--text-body-sm);
+}
+
+.m02-dfsum__muted {
+  margin: 0;
+  color: var(--color-text-muted);
+  font-size: var(--text-caption);
+}
+
+.m02-dfsum__msg {
+  margin: var(--spacing-4) 0 0;
+  color: var(--color-danger);
+  font-size: var(--text-caption);
+}
+
+.m02-dfsum__problems {
+  margin: 0 0 var(--spacing-12);
+  padding: var(--spacing-8) var(--spacing-12);
+  border-left: 4px solid var(--color-danger);
+  background: var(--color-surface);
+  color: var(--color-text-body);
+  font-size: var(--text-body-sm);
+}
+
+.m02-dfsum__problems ul {
+  margin: var(--spacing-4) 0 0;
+  padding-left: var(--spacing-16);
+}