feat(WEB): 입찰/계약/주문관리 기능 추가 및 견적 상세 리팩토링

- 입찰관리: 목록/상세/수정 페이지 및 목업 데이터
- 계약관리: 목록/상세/수정 페이지 구현
- 주문관리: 수주/발주 목록 및 상세 페이지 구현
- 견적 상세 폼: 섹션별 분리 및 hooks/utils 리팩토링
- 품목관리, 카테고리관리, 단가관리 기능 추가
- 현장설명회/협력업체 폼 개선
- 프린트 유틸리티 공통화 (print-utils.ts)
- 문서 모달 공통 컴포넌트 정리
- IntegratedListTemplateV2, StatCards 개선

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/approval/DocumentDetail/index.tsx

@@ -30,6 +30,7 @@ import {
 import { ProposalDocument } from './ProposalDocument';
 import { ExpenseReportDocument } from './ExpenseReportDocument';
 import { ExpenseEstimateDocument } from './ExpenseEstimateDocument';
+import { printArea } from '@/lib/print-utils';
 import type {
   DocumentType,
   DocumentDetailModalProps,
@@ -68,7 +69,7 @@ export function DocumentDetailModal({
   };
 
   const handlePrint = () => {
-    window.print();
+    printArea({ title: `${getDocumentTitle()} 인쇄` });
   };
 
   const handleSharePdf = () => {
@@ -107,8 +108,8 @@ export function DocumentDetailModal({
           <DialogTitle>{getDocumentTitle()} 상세</DialogTitle>
         </VisuallyHidden>
 
-        {/* 헤더 영역 - 고정 */}
-        <div className="flex-shrink-0 flex items-center justify-between px-6 py-4 border-b bg-white">
+        {/* 헤더 영역 - 고정 (인쇄 시 숨김) */}
+        <div className="print-hidden flex-shrink-0 flex items-center justify-between px-6 py-4 border-b bg-white">
           <h2 className="text-lg font-semibold">{getDocumentTitle()} 상세</h2>
           <Button
             variant="ghost"
@@ -120,8 +121,8 @@ export function DocumentDetailModal({
           </Button>
         </div>
 
-        {/* 버튼 영역 - 고정 */}
-        <div className="flex-shrink-0 flex items-center gap-2 px-6 py-3 bg-muted/30 border-b">
+        {/* 버튼 영역 - 고정 (인쇄 시 숨김) */}
+        <div className="print-hidden flex-shrink-0 flex items-center gap-2 px-6 py-3 bg-muted/30 border-b">
           {/* 기안함 모드 + 임시저장 상태: 복제, 상신, 인쇄 */}
           {mode === 'draft' && documentStatus === 'draft' && (
             <>
@@ -191,8 +192,8 @@ export function DocumentDetailModal({
           </DropdownMenu> */}
         </div>
 
-        {/* 문서 영역 - 스크롤 */}
-        <div className="flex-1 overflow-y-auto bg-gray-100 p-6">
+        {/* 문서 영역 - 스크롤 (인쇄 시 이 영역만 출력) */}
+        <div className="print-area flex-1 overflow-y-auto bg-gray-100 p-6">
           <div className="max-w-[210mm] mx-auto bg-white shadow-lg rounded-lg">
             {renderDocument()}
           </div>