feat: 모바일 반응형 UI 개선 및 공휴일/일정 시스템 통합

- MobileCard 접기/펼치기(collapsible) 기능 추가 및 반응형 레이아웃 개선
- DatePicker 공휴일/세무일정 색상 코딩 통합, DateTimePicker 신규 추가
- useCalendarScheduleInit 훅으로 전역 공휴일/일정 데이터 캐싱
- 전 도메인 날짜 필드 DatePicker 표준화 (104 files)
- 생산대시보드/작업지시 모바일 호환성 강화
- 견적서/주문관리 반응형 그리드 적용
- 회계 모듈 기능 개선 (매입상세 결재연동, 미수금현황 조회조건 등)

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

src/components/production/WorkerScreen/MaterialInputModal.tsx

@@ -323,9 +323,9 @@ export function MaterialInputModal({
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="!max-w-3xl p-0 gap-0">
+      <DialogContent className="!max-w-3xl p-0 gap-0 max-h-[85vh] flex flex-col">
         {/* 헤더 */}
-        <DialogHeader className="p-6 pb-4">
+        <DialogHeader className="p-6 pb-4 shrink-0">
           <DialogTitle className="text-xl font-semibold">
             자재 투입{workOrderItemName ? ` - ${workOrderItemName}` : ''}
           </DialogTitle>
@@ -334,7 +334,7 @@ export function MaterialInputModal({
           </p>
         </DialogHeader>
 
-        <div className="px-6 pb-6 space-y-4">
+        <div className="px-6 pb-6 space-y-4 flex-1 min-h-0 flex flex-col">
           {/* 자재 목록 */}
           {isLoading ? (
             <ContentSkeleton type="table" rows={4} />
@@ -343,7 +343,7 @@ export function MaterialInputModal({
               이 공정에 배정된 자재가 없습니다.
             </div>
           ) : (
-            <div className="space-y-4 max-h-[60vh] overflow-y-auto">
+            <div className="space-y-4 flex-1 overflow-y-auto min-h-0">
               {materialGroups.map((group) => {
                 const groupAllocated = group.lots.reduce(
                   (sum, lot) => sum + (allocations.get(getLotKey(lot)) || 0),
@@ -355,8 +355,8 @@ export function MaterialInputModal({
                 return (
                   <div key={group.groupKey} className="border rounded-lg overflow-hidden">
                     {/* 품목 그룹 헤더 */}
-                    <div className="flex items-center justify-between px-4 py-2.5 bg-gray-50 border-b">
-                      <div className="flex items-center gap-2">
+                    <div className="flex flex-wrap items-center justify-between gap-1.5 px-4 py-2.5 bg-gray-50 border-b">
+                      <div className="flex items-center gap-2 flex-wrap min-w-0">
                         {group.category && (
                           <span className={`text-[10px] px-1.5 py-0.5 rounded font-medium ${
                             group.category === 'guideRail' ? 'bg-blue-100 text-blue-700' :
@@ -381,7 +381,7 @@ export function MaterialInputModal({
                           </span>
                         )}
                       </div>
-                      <div className="flex items-center gap-3">
+                      <div className="flex items-center gap-2 flex-wrap">
                         <span className="text-xs text-gray-500">
                           {group.alreadyInputted > 0 ? (
                             <>
@@ -433,6 +433,7 @@ export function MaterialInputModal({
                     </div>
 
                     {/* 로트 테이블 */}
+                    <div className="overflow-x-auto">
                     <Table>
                       <TableHeader>
                         <TableRow>
@@ -509,6 +510,7 @@ export function MaterialInputModal({
                         })}
                       </TableBody>
                     </Table>
+                    </div>
                   </div>
                 );
               })}
@@ -516,7 +518,7 @@ export function MaterialInputModal({
           )}
 
           {/* 버튼 영역 */}
-          <div className="flex gap-3">
+          <div className="flex gap-3 shrink-0">
             <Button
               variant="outline"
               onClick={resetAndClose}