ui(cupang): 박스 입수량 2열 배치 + 고정폭 + 입수량 "개" 단위

- 추가/수정 480px(좌), 입수량 규칙 900px(우)
- 제품명/제품코드/박스이름 입력 140px, 박스당 입수량 60px + "개" 접미
- 캐시 버전 e

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

app/static/cupang.css

@@ -239,6 +239,28 @@
 .cpg-src-item.cpg-registered .cpg-src-code { color: #d4d4d4; }
 .cpg-src-item.cpg-registered:hover { background: #3a3a3a; }
 
+/* ── 박스 입수량 (좌: 추가/수정 480 / 우: 목록 900) ── */
+.cpg-brule-layout { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
+.cpg-brule-add { flex: 0 0 480px; width: 480px; min-width: 0; margin-bottom: 0; }
+.cpg-brule-list { flex: 0 0 900px; width: 900px; min-width: 0; margin-bottom: 0; }
+@media (max-width: 1420px) { .cpg-brule-list { flex-basis: auto; width: 100%; } }
+@media (max-width: 540px) { .cpg-brule-add { flex-basis: 100%; width: 100%; } }
+
+.cpg-brule-fields { display: flex; flex-wrap: wrap; gap: 12px 16px; }
+/* 제품명·제품코드·박스이름 140px 고정 (erp.css min-width:240 오버라이드) */
+.cpg .cpg-brule-fields .erp-field > .erp-input,
+.cpg .cpg-brule-fields .erp-field > .erp-select {
+  width: 140px; min-width: 140px; max-width: 140px; box-sizing: border-box;
+}
+/* 박스당 입수량 60px + "개" */
+.cpg-upb-wrap { display: inline-flex; align-items: center; gap: 4px; }
+.cpg .cpg-brule-fields .cpg-upb-wrap > .cpg-brule-upb {
+  width: 60px; min-width: 60px; max-width: 60px; box-sizing: border-box;
+}
+.cpg-upb-unit { font-size: 13px; color: var(--color-midtone-gray); }
+/* 메모는 넓게 */
+.cpg .cpg-brule-fields .cpg-brule-memo { width: 300px; min-width: 300px; max-width: 300px; }
+
 /* ── 상품 검색 드롭다운 ── */
 .cpg-search-pop {
   position: absolute; z-index: 50;