feat(cupang): 출고 박스 구성(box_plan) 저장 + 달력 상세를 센터 분배 형식으로

- 마이그레이션 005: cupang_shipments.box_plan JSONB (확정 당시 박스 구성)
  확정 payload 에서 제품별/혼합 상자와 내용물·상자 종류를 받아 저장
- 달력 오른쪽 목록을 ③ 센터 분배 카드 형식으로 변경 — 혼합 상자는
  내용물 트리까지 표시. box_plan 이 없는 예전 출고는 기존 합계 표시로 폴백
- 출고 보기(view.html) ③ 목록도 동일하게 box_plan 기준

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

app/static/cupang.css

@@ -1403,3 +1403,22 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
 .cpg-view-meta dt { font-size: 11px; color: var(--color-midtone-gray); }
 .cpg-view-meta dd { margin: 2px 0 0; font-size: 13px; }
 .cpg-view-row td { padding: 4px 6px; }
+
+/* ── 달력 오른쪽 출고 목록 — ③ 센터 분배 카드와 같은 형식 ── */
+.cpg-list .cpg-dist-center { overflow: hidden; }
+.cpg-list .cpg-dist-head .cpg-ship-name {
+  flex: 1 1 auto; min-width: 0;
+  font-size: 13px; font-weight: 700; letter-spacing: .02em;
+  color: var(--color-canvas-white); text-decoration: none;
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.cpg-list .cpg-dist-head .cpg-ship-name:hover { text-decoration: underline; }
+.cpg-list .cpg-dist-head .cpg-icon-btn.is-danger {
+  border-color: rgba(255, 255, 255, .35);
+  color: var(--color-canvas-white);
+  background: transparent;
+}
+.cpg-list .cpg-dist-head .cpg-icon-btn.is-danger:hover { background: rgba(255, 255, 255, .16); }
+.cpg-list .cpg-ship-meta { padding: 0 10px 8px; font-size: 11px; }
+/* 혼합 상자 줄은 굵게 — 어떤 상자인지 바로 보이게 */
+.cpg-dist-item.is-mix .cpg-dist-name { font-weight: 600; }