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/outbound/ShipmentManagement/ShipmentDetail.tsx

@@ -59,6 +59,7 @@ import type { ShipmentDetail as ShipmentDetailType, ShipmentStatus } from './typ
 import { ShippingSlip } from './documents/ShippingSlip';
 import { TransactionStatement } from './documents/TransactionStatement';
 import { DeliveryConfirmation } from './documents/DeliveryConfirmation';
+import { printArea } from '@/lib/print-utils';
 
 interface ShipmentDetailProps {
   id: string;
@@ -132,8 +133,11 @@ export function ShipmentDetail({ id }: ShipmentDetailProps) {
 
   // 인쇄
   const handlePrint = useCallback(() => {
-    window.print();
-  }, []);
+    const docName = previewDocument === 'shipping' ? '출고증'
+      : previewDocument === 'transaction' ? '거래명세서'
+      : '납품확인서';
+    printArea({ title: `${docName} 인쇄` });
+  }, [previewDocument]);
 
   // 정보 영역 렌더링
   const renderInfoField = (label: string, value: React.ReactNode, className?: string) => (
@@ -417,8 +421,8 @@ export function ShipmentDetail({ id }: ShipmentDetailProps) {
               </DialogTitle>
             </VisuallyHidden>
 
-            {/* 모달 헤더 - 작업일지 스타일 */}
-            <div className="flex items-center justify-between px-6 py-4 border-b bg-white sticky top-0 z-10">
+            {/* 모달 헤더 - 작업일지 스타일 (인쇄 시 숨김) */}
+            <div className="print-hidden flex items-center justify-between px-6 py-4 border-b bg-white sticky top-0 z-10">
               <div className="flex items-center gap-3">
                 <span className="font-semibold text-lg">
                   {previewDocument === 'shipping' && '출고증 미리보기'}
@@ -448,8 +452,8 @@ export function ShipmentDetail({ id }: ShipmentDetailProps) {
               </div>
             </div>
 
-            {/* 문서 본문 - 흰색 카드 형태 */}
-            <div className="m-6 p-6 bg-white rounded-lg shadow-sm">
+            {/* 문서 본문 - 흰색 카드 형태 (인쇄 시 이 영역만 출력) */}
+            <div className="print-area m-6 p-6 bg-white rounded-lg shadow-sm">
               {previewDocument === 'shipping' && <ShippingSlip data={detail} />}
               {previewDocument === 'transaction' && <TransactionStatement data={detail} />}
               {previewDocument === 'delivery' && <DeliveryConfirmation data={detail} />}