feat: unify 8081 dashboard design system and views

docs/WORK_EXECUTION_FLOW.md

@@ -40,6 +40,8 @@
 - 기능 검증 기준: `8081`
 - 사업관리대장 디자인 기준: `MH 통합 대시보드_260320.html`
 - 허브 공통 시각 언어 기준: `sample style.css`
+- 런타임 디자인 토큰 기준: `frontend/public/design-tokens.css`
+- 런타임 디자인 패턴 기준: `frontend/public/design-patterns.css`
 - 현재 작업 지시 기준: 연결된 Gitea 이슈
 
 작업 시작 전에 먼저 정해야 하는 질문:
@@ -51,6 +53,14 @@
 
 이걸 모르고 코드를 건드리면 높은 확률로 엉뚱한 파일을 수정하게 된다.
 
+디자인 작업 추가 규칙:
+
+- 디자인 수정은 항상 `design-tokens.css`와 `design-patterns.css`를 먼저 확인한다.
+- 색/패널/버튼/테이블/팝업이 공통 규칙으로 해결 가능한지 먼저 본다.
+- 해결 가능하면 화면별 파일을 고치지 않고 토큰/패턴 파일에서 수정한다.
+- 화면별 실제 서빙 파일은 마지막 단계에서만 조정한다.
+- 원본/reference 파일은 비교용이지 직접 수정 우선 대상이 아니다.
+
 ## 2. 이슈 생성 또는 연결
 
 작업은 이슈 없이 하지 않는다.