ui(shell): 뷰포트(1883x938) 고정 — 문서 세로 스크롤 제거

- erp 셸 height:100vh + body overflow:hidden, .erp-page 가 남은 높이 채우고 내부 스크롤
- 휴가 달력: 6주 행이 가용 높이 균등 분할(유동), 날짜 셀 height:100%, 선택일 패널 내부 스크롤
- 쿠팡 출고 폼: 라인 패널 고정 900px 높이 → 가용 높이 채움
- CORM/Order 는 별도 창이라 해당 없음

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

app/static/cupang.css

@@ -101,14 +101,17 @@
 .cpg-form-card { padding: 16px; margin-bottom: 16px; }
 
 /* 공통 헤더(좌) + 품목 라인(우) 2열 */
+/* form 이 .cpg(남은 높이) 안에서 세로로 채우도록 */
+.cpg > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
 .cpg-form-2col {
-  display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start;
+  display: flex; flex-wrap: wrap; gap: 16px; align-items: stretch;
+  flex: 1 1 auto; min-height: 0;
 }
 /* 공통 헤더: 너비 450 고정 */
-.cpg-form-head { flex: 0 0 450px; width: 450px; min-width: 0; margin-bottom: 0; }
-/* 품목 라인: 900x900 고정, 내부 스크롤 */
+.cpg-form-head { flex: 0 0 450px; width: 450px; min-width: 0; margin-bottom: 0; align-self: flex-start; }
+/* 품목 라인: 너비 900 고정, 높이는 가용 영역 채움, 내부 스크롤 */
 .cpg-form-lines {
-  flex: 0 0 900px; width: 900px; height: 900px; min-width: 0; margin-bottom: 0;
+  flex: 0 0 900px; width: 900px; height: 100%; min-width: 0; margin-bottom: 0;
   display: flex; flex-direction: column; overflow: hidden;
 }
 @media (max-width: 1400px) {