diff --git a/frontend/app/(pop)/pop/inbound/cart/page.tsx b/frontend/app/(pop)/pop/inbound/cart/page.tsx
new file mode 100644
index 00000000..b6dada4f
--- /dev/null
+++ b/frontend/app/(pop)/pop/inbound/cart/page.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import { PopShell } from "@/components/pop/hardcoded";
+import { InboundCartPage } from "@/components/pop/hardcoded/inbound/InboundCartPage";
+
+export default function InboundCartRoute() {
+  return (
+    <PopShell showBanner={false} title="입고 장바구니">
+      <InboundCartPage />
+    </PopShell>
+  );
+}
diff --git a/frontend/app/(pop)/pop/inbound/purchase/page.tsx b/frontend/app/(pop)/pop/inbound/purchase/page.tsx
index de8295d6..6afb9891 100644
--- a/frontend/app/(pop)/pop/inbound/purchase/page.tsx
+++ b/frontend/app/(pop)/pop/inbound/purchase/page.tsx
@@ -1,12 +1,13 @@
 "use client";
 
 import { useState } from "react";
+import { useRouter } from "next/navigation";
 import { PopShell } from "@/components/pop/hardcoded";
 import { PurchaseInbound } from "@/components/pop/hardcoded/inbound";
 
 export default function PurchaseInboundPage() {
+  const router = useRouter();
   const [cartCount, setCartCount] = useState(0);
-  const [openCart, setOpenCart] = useState(false);
 
   return (
     <PopShell
@@ -14,7 +15,7 @@ export default function PurchaseInboundPage() {
       title="구매입고"
       headerRight={
         <button
-          onClick={() => setOpenCart(true)}
+          onClick={() => router.push("/pop/inbound/cart")}
           className="relative w-11 h-11 rounded-xl bg-white/10 flex items-center justify-center text-white hover:bg-white/20 active:scale-95 transition-all"
         >
           <svg className="w-5 h-5" fill="none" stroke="currentColor" strokeWidth={2} viewBox="0 0 24 24">
@@ -30,8 +31,6 @@ export default function PurchaseInboundPage() {
     >
       <PurchaseInbound
         onCartCountChange={setCartCount}
-        externalCartOpen={openCart}
-        onExternalCartClose={() => setOpenCart(false)}
       />
     </PopShell>
   );
diff --git a/frontend/components/pop/hardcoded/inbound/InboundCartPage.tsx b/frontend/components/pop/hardcoded/inbound/InboundCartPage.tsx
new file mode 100644
index 00000000..66ab2737
--- /dev/null
+++ b/frontend/components/pop/hardcoded/inbound/InboundCartPage.tsx
@@ -0,0 +1,1156 @@
+"use client";
+
+import React, { useState, useEffect, useCallback, useRef } from "react";
+import { useRouter } from "next/navigation";
+import { apiClient } from "@/lib/api/client";
+import { InspectionModal, type InspectionResult } from "./InspectionModal";
+import { NumberPadModal, type PackageEntry } from "./NumberPadModal";
+
+/* ------------------------------------------------------------------ */
+/* Types                                                               */
+/* ------------------------------------------------------------------ */
+
+interface Warehouse {
+  warehouse_code: string;
+  warehouse_name: string;
+  warehouse_type?: string;
+}
+
+interface CartItemRow {
+  id: string;
+  screen_id: string;
+  source_table: string;
+  row_key: string;
+  row_data: string;
+  quantity: string;
+  unit: string;
+  package_entries?: string;
+  status?: string;
+  user_id?: string;
+}
+
+interface CartItemParsed {
+  id: string;
+  dbId: string; // cart_items.id for DELETE
+  source_table: string;
+  source_id: string;
+  purchase_no: string;
+  item_code: string;
+  item_name: string;
+  spec: string;
+  material: string;
+  order_qty: number;
+  remain_qty: number;
+  inbound_qty: number;
+  unit_price: number;
+  supplier_code: string;
+  supplier_name: string;
+  order_date?: string;
+  inspection_required?: boolean;
+  inspection_type?: "self" | "request" | null;
+  packages?: PackageEntry[];
+  inspectionResult?: InspectionResult | null;
+}
+
+/* ------------------------------------------------------------------ */
+/* Component                                                           */
+/* ------------------------------------------------------------------ */
+
+export function InboundCartPage() {
+  const router = useRouter();
+
+  /* Cart items */
+  const [items, setItems] = useState<CartItemParsed[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  /* Selection */
+  const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set());
+
+  /* Warehouse */
+  const [warehouses, setWarehouses] = useState<Warehouse[]>([]);
+  const [selectedWarehouse, setSelectedWarehouse] = useState<string>("");
+  const [warehousePickerOpen, setWarehousePickerOpen] = useState(false);
+
+  /* Inbound number */
+  const [inboundNumber, setInboundNumber] = useState<string>("");
+
+  /* Inbound date */
+  const [inboundDate, setInboundDate] = useState<string>(
+    new Date().toISOString().slice(0, 10)
+  );
+
+  /* Confirm state */
+  const [confirming, setConfirming] = useState(false);
+  const [resultMsg, setResultMsg] = useState<string | null>(null);
+
+  /* Inspection modal */
+  const [inspectionModalOpen, setInspectionModalOpen] = useState(false);
+  const [inspectionTarget, setInspectionTarget] = useState<CartItemParsed | null>(null);
+
+  /* Numpad modal (for qty edit) */
+  const [numpadOpen, setNumpadOpen] = useState(false);
+  const [numpadTarget, setNumpadTarget] = useState<CartItemParsed | null>(null);
+
+  /* Derived: supplier name (all items should be same supplier) */
+  const supplierName = items.length > 0 ? items[0].supplier_name : "";
+
+  /* Ref for fetch-once guard */
+  const fetchedRef = useRef(false);
+
+  /* ------------------------------------------------------------------ */
+  /* Fetch cart_items from DB                                            */
+  /* ------------------------------------------------------------------ */
+  const fetchCartItems = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await apiClient.get("/data/cart_items", {
+        params: {
+          screen_id: "pop-purchase-inbound",
+          status: "pending",
+          pageSize: 100,
+          sortColumn: "created_date",
+          sortDirection: "desc",
+        },
+      });
+
+      const rows: CartItemRow[] = res.data?.data ?? res.data?.rows ?? [];
+
+      if (Array.isArray(rows) && rows.length > 0) {
+        const parsed: CartItemParsed[] = rows.map((row) => {
+          let data: Record<string, unknown> = {};
+          try {
+            data = JSON.parse(row.row_data || "{}");
+          } catch {
+            /* ignore parse error */
+          }
+
+          let packages: PackageEntry[] | undefined;
+          if (row.package_entries) {
+            try {
+              packages = JSON.parse(row.package_entries);
+            } catch {
+              /* ignore */
+            }
+          }
+
+          return {
+            id: row.row_key || row.id,
+            dbId: row.id,
+            source_table: row.source_table || "purchase_detail",
+            source_id: row.row_key || "",
+            purchase_no: String(data.purchase_no ?? ""),
+            item_code: String(data.item_code ?? ""),
+            item_name: String(data.item_name ?? ""),
+            spec: String(data.spec ?? ""),
+            material: String(data.material ?? ""),
+            order_qty: Number(data.order_qty ?? 0),
+            remain_qty: Number(data.remain_qty ?? 0),
+            inbound_qty: Number(row.quantity ?? 0),
+            unit_price: Number(data.unit_price ?? 0),
+            supplier_code: String(data.supplier_code ?? ""),
+            supplier_name: String(data.supplier_name ?? ""),
+            order_date: data.order_date ? String(data.order_date) : undefined,
+            inspection_type:
+              data.inspection_type === "self"
+                ? "self"
+                : data.inspection_type === "request"
+                ? "request"
+                : null,
+            inspection_required: data.inspection_type === "self",
+            packages,
+          };
+        });
+        setItems(parsed);
+        // Auto select all
+        setSelectedItems(new Set(parsed.map((p) => p.id)));
+      } else {
+        setItems([]);
+      }
+    } catch {
+      setItems([]);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  /* ------------------------------------------------------------------ */
+  /* Fetch warehouses                                                    */
+  /* ------------------------------------------------------------------ */
+  const fetchWarehouses = useCallback(async () => {
+    try {
+      const res = await apiClient.get("/receiving/warehouses");
+      const data: Warehouse[] = res.data?.data ?? [];
+      setWarehouses(data);
+      if (data.length > 0) {
+        setSelectedWarehouse(data[0].warehouse_code);
+      }
+    } catch {
+      /* keep empty */
+    }
+  }, []);
+
+  /* ------------------------------------------------------------------ */
+  /* Generate inbound number                                             */
+  /* ------------------------------------------------------------------ */
+  const fetchInboundNumber = useCallback(async () => {
+    try {
+      const res = await apiClient.get("/receiving/generate-number");
+      if (res.data?.success && res.data?.data) {
+        setInboundNumber(res.data.data);
+      }
+    } catch {
+      /* generate on confirm as fallback */
+    }
+  }, []);
+
+  /* ------------------------------------------------------------------ */
+  /* Initial load                                                        */
+  /* ------------------------------------------------------------------ */
+  useEffect(() => {
+    if (fetchedRef.current) return;
+    fetchedRef.current = true;
+    fetchCartItems();
+    fetchWarehouses();
+    fetchInboundNumber();
+  }, [fetchCartItems, fetchWarehouses, fetchInboundNumber]);
+
+  /* ------------------------------------------------------------------ */
+  /* Selection                                                           */
+  /* ------------------------------------------------------------------ */
+  const toggleSelect = (id: string) => {
+    setSelectedItems((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+
+  const toggleSelectAll = () => {
+    if (selectedItems.size === items.length) {
+      setSelectedItems(new Set());
+    } else {
+      setSelectedItems(new Set(items.map((i) => i.id)));
+    }
+  };
+
+  /* ------------------------------------------------------------------ */
+  /* Qty edit via numpad                                                  */
+  /* ------------------------------------------------------------------ */
+  const openNumpad = (item: CartItemParsed) => {
+    setNumpadTarget(item);
+    setNumpadOpen(true);
+  };
+
+  const handleNumpadConfirm = (qty: number, packages: PackageEntry[]) => {
+    if (!numpadTarget) return;
+    setItems((prev) =>
+      prev.map((item) =>
+        item.id === numpadTarget.id
+          ? {
+              ...item,
+              inbound_qty: Math.min(qty, item.remain_qty),
+              packages: packages.length > 0 ? packages : item.packages,
+            }
+          : item
+      )
+    );
+    setNumpadTarget(null);
+
+    // Update cart_items in DB (background)
+    const targetItem = items.find((i) => i.id === numpadTarget.id);
+    if (targetItem) {
+      apiClient
+        .post("/pop/execute-action", {
+          tasks: [{ type: "cart-save" }],
+          cartChanges: {
+            toUpdate: [
+              {
+                id: targetItem.dbId,
+                quantity: String(Math.min(qty, targetItem.remain_qty)),
+                ...(packages.length > 0
+                  ? { package_entries: JSON.stringify(packages) }
+                  : {}),
+              },
+            ],
+          },
+        })
+        .catch(() => {});
+    }
+  };
+
+  /* ------------------------------------------------------------------ */
+  /* Remove item                                                         */
+  /* ------------------------------------------------------------------ */
+  const handleRemove = (id: string) => {
+    const item = items.find((i) => i.id === id);
+    setItems((prev) => prev.filter((i) => i.id !== id));
+    setSelectedItems((prev) => {
+      const next = new Set(prev);
+      next.delete(id);
+      return next;
+    });
+
+    // Delete from cart_items DB (background)
+    if (item) {
+      apiClient
+        .post("/pop/execute-action", {
+          tasks: [{ type: "cart-save" }],
+          cartChanges: {
+            toDelete: [item.dbId],
+          },
+        })
+        .catch(() => {});
+    }
+  };
+
+  /* ------------------------------------------------------------------ */
+  /* Inspection                                                          */
+  /* ------------------------------------------------------------------ */
+  const openInspection = (item: CartItemParsed) => {
+    setInspectionTarget(item);
+    setInspectionModalOpen(true);
+  };
+
+  const handleInspectionComplete = (result: InspectionResult) => {
+    if (!inspectionTarget) return;
+    setItems((prev) =>
+      prev.map((item) =>
+        item.id === inspectionTarget.id
+          ? { ...item, inspectionResult: result }
+          : item
+      )
+    );
+    setInspectionTarget(null);
+  };
+
+  /* Pass inspection (non-required only) */
+  const handlePassInspection = (id: string) => {
+    setItems((prev) =>
+      prev.map((item) =>
+        item.id === id
+          ? {
+              ...item,
+              inspectionResult: {
+                items: [],
+                goodQty: item.inbound_qty,
+                badQty: 0,
+                remark: "pass",
+                completed: true,
+              },
+            }
+          : item
+      )
+    );
+  };
+
+  /* ------------------------------------------------------------------ */
+  /* Validation: required inspections                                    */
+  /* ------------------------------------------------------------------ */
+  const selectedItemsList = items.filter((i) => selectedItems.has(i.id));
+
+  const hasUnfinishedRequiredInspection = selectedItemsList.some(
+    (item) =>
+      item.inspection_required &&
+      item.inspection_type === "self" &&
+      !item.inspectionResult?.completed
+  );
+
+  /* ------------------------------------------------------------------ */
+  /* Confirm inbound                                                     */
+  /* ------------------------------------------------------------------ */
+  const handleConfirm = async () => {
+    if (selectedItemsList.length === 0) return;
+
+    if (!selectedWarehouse) {
+      setResultMsg("오류: 입고 창고를 선택해주세요.");
+      return;
+    }
+
+    if (hasUnfinishedRequiredInspection) {
+      setResultMsg("오류: 필수 검사를 완료해주세요.");
+      return;
+    }
+
+    setConfirming(true);
+    setResultMsg(null);
+
+    try {
+      // Use existing inbound number or generate new one
+      let finalNumber = inboundNumber;
+      if (!finalNumber) {
+        try {
+          const numRes = await apiClient.get("/receiving/generate-number");
+          if (numRes.data?.success && numRes.data?.data) {
+            finalNumber = numRes.data.data;
+          }
+        } catch {
+          /* backend will handle */
+        }
+      }
+
+      // POST /api/receiving -- same payload structure as PC
+      const payload = {
+        inbound_number: finalNumber,
+        inbound_date: inboundDate,
+        warehouse_code: selectedWarehouse,
+        inbound_type: "구매입고",
+        items: selectedItemsList.map((item, idx) => ({
+          inbound_type: "구매입고",
+          item_number: item.item_code,
+          item_name: item.item_name,
+          spec: item.spec || "",
+          material: item.material || "",
+          unit: "EA",
+          inbound_qty: String(item.inbound_qty),
+          unit_price: String(item.unit_price || 0),
+          total_amount: String(
+            (item.inbound_qty || 0) * (item.unit_price || 0)
+          ),
+          reference_number: item.purchase_no,
+          supplier_code: item.supplier_code,
+          supplier_name: item.supplier_name,
+          inspection_status: item.inspectionResult?.completed
+            ? "검사완료"
+            : item.inspection_required
+            ? "검사대기"
+            : "합격",
+          source_table: item.source_table,
+          source_id: item.source_id || item.id,
+          seq_no: idx + 1,
+        })),
+      };
+
+      const res = await apiClient.post("/receiving", payload);
+
+      if (res.data?.success) {
+        // Delete confirmed items from cart_items
+        const dbIds = selectedItemsList
+          .map((item) => item.dbId)
+          .filter(Boolean);
+        if (dbIds.length > 0) {
+          apiClient
+            .post("/pop/execute-action", {
+              tasks: [{ type: "cart-save" }],
+              cartChanges: {
+                toDelete: dbIds,
+              },
+            })
+            .catch(() => {});
+        }
+
+        const inboundNo =
+          res.data?.data?.header?.inbound_number || finalNumber || "";
+        setResultMsg(
+          `${selectedItemsList.length}건 입고 등록 완료! (${inboundNo})`
+        );
+        setTimeout(() => {
+          router.push("/pop/inbound");
+        }, 1500);
+      } else {
+        setResultMsg(
+          `오류: ${res.data?.message || "입고 등록에 실패했습니다."}`
+        );
+      }
+    } catch (err: unknown) {
+      const msg =
+        err instanceof Error ? err.message : "입고 등록에 실패했습니다.";
+      setResultMsg(`오류: ${msg}`);
+    } finally {
+      setConfirming(false);
+    }
+  };
+
+  /* ------------------------------------------------------------------ */
+  /* Helpers                                                             */
+  /* ------------------------------------------------------------------ */
+  const selectedWarehouseName =
+    warehouses.find((w) => w.warehouse_code === selectedWarehouse)
+      ?.warehouse_name || selectedWarehouse;
+
+  const totalQty = selectedItemsList.reduce((s, i) => s + i.inbound_qty, 0);
+
+  /* ------------------------------------------------------------------ */
+  /* Render                                                              */
+  /* ------------------------------------------------------------------ */
+  return (
+    <div className="flex flex-col gap-4 pb-4">
+      {/* ===== Header ===== */}
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-3">
+          <button
+            onClick={() => router.back()}
+            className="w-10 h-10 rounded-xl bg-white border border-gray-200 flex items-center justify-center text-gray-500 hover:bg-gray-50 active:scale-95 transition-all"
+          >
+            <svg
+              className="w-5 h-5"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth={2}
+              viewBox="0 0 24 24"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                d="M15.75 19.5L8.25 12l7.5-7.5"
+              />
+            </svg>
+          </button>
+          <div>
+            <h1 className="text-xl sm:text-2xl font-bold text-gray-900 tracking-tight">
+              입고 장바구니
+            </h1>
+            {supplierName && (
+              <p className="text-xs text-gray-400 mt-0.5">{supplierName}</p>
+            )}
+          </div>
+        </div>
+
+        {/* Confirm button (header) */}
+        <button
+          onClick={handleConfirm}
+          disabled={
+            confirming ||
+            selectedItemsList.length === 0 ||
+            hasUnfinishedRequiredInspection
+          }
+          className="flex items-center gap-1.5 px-4 h-10 rounded-xl text-sm font-bold text-white active:scale-[0.98] transition-all disabled:opacity-40"
+          style={{
+            background:
+              selectedItemsList.length > 0 && !hasUnfinishedRequiredInspection
+                ? "linear-gradient(to bottom, #34d399, #059669)"
+                : "#d1d5db",
+            boxShadow:
+              selectedItemsList.length > 0 && !hasUnfinishedRequiredInspection
+                ? "0 4px 12px rgba(5,150,105,0.3)"
+                : "none",
+          }}
+        >
+          <svg
+            className="w-4 h-4"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth={2.5}
+            viewBox="0 0 24 24"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M4.5 12.75l6 6 9-13.5"
+            />
+          </svg>
+          {confirming ? "처리중..." : "확정"}
+        </button>
+      </div>
+
+      {/* ===== Info banner ===== */}
+      <div className="bg-white rounded-xl border border-gray-100 shadow-sm p-3 sm:p-4">
+        <div className="flex items-center gap-2 mb-3 pb-2 border-b border-gray-50">
+          {supplierName && (
+            <span className="text-xs font-semibold text-blue-700 bg-blue-50 px-2 py-0.5 rounded-full">
+              {supplierName}
+            </span>
+          )}
+          <span className="text-[11px] text-gray-400">
+            {inboundDate}
+          </span>
+          {selectedWarehouseName && (
+            <span className="text-[11px] text-gray-400">
+              | {selectedWarehouseName}
+            </span>
+          )}
+          {inboundNumber && (
+            <span className="ml-auto text-[11px] font-mono text-gray-500">
+              {inboundNumber}
+            </span>
+          )}
+        </div>
+
+        {/* Info fields: 3 columns */}
+        <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
+          {/* Inbound date */}
+          <div>
+            <label className="text-[11px] font-semibold text-gray-400 mb-1 block">
+              입고일자
+            </label>
+            <input
+              type="date"
+              value={inboundDate}
+              onChange={(e) => setInboundDate(e.target.value)}
+              className="w-full px-3 py-2.5 border border-gray-200 rounded-lg text-sm outline-none focus:border-blue-400 focus:ring-1 focus:ring-blue-100 bg-white"
+            />
+          </div>
+
+          {/* Warehouse selector - card-style touch button */}
+          <div>
+            <label className="text-[11px] font-semibold text-gray-400 mb-1 block">
+              창고
+            </label>
+            <button
+              onClick={() => setWarehousePickerOpen(true)}
+              className="w-full px-3 py-2.5 border border-gray-200 rounded-lg text-sm text-left outline-none hover:border-blue-300 transition-all bg-white flex items-center justify-between"
+            >
+              <span className={selectedWarehouse ? "text-gray-900 font-medium" : "text-gray-400"}>
+                {selectedWarehouseName || "창고 선택"}
+              </span>
+              <svg
+                className="w-4 h-4 text-gray-400 shrink-0"
+                fill="none"
+                stroke="currentColor"
+                strokeWidth={2}
+                viewBox="0 0 24 24"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  d="M8.25 15l3.75-3.75L15.75 15"
+                />
+              </svg>
+            </button>
+          </div>
+
+          {/* Inbound number (readonly) */}
+          <div>
+            <label className="text-[11px] font-semibold text-gray-400 mb-1 block">
+              입고번호
+            </label>
+            <div className="w-full px-3 py-2.5 border border-gray-200 rounded-lg text-sm bg-gray-50 text-gray-600 font-mono">
+              {inboundNumber || "자동 채번"}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* ===== Select all bar ===== */}
+      {items.length > 0 && (
+        <div className="flex items-center justify-between px-1">
+          <div className="flex items-center gap-2">
+            <button
+              onClick={toggleSelectAll}
+              className={`w-6 h-6 rounded border-2 flex items-center justify-center transition-all shrink-0 ${
+                selectedItems.size === items.length
+                  ? "bg-blue-500 border-blue-500"
+                  : "border-gray-300 hover:border-blue-400"
+              }`}
+            >
+              {selectedItems.size === items.length && (
+                <svg
+                  className="w-3.5 h-3.5 text-white"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth={3}
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    d="M4.5 12.75l6 6 9-13.5"
+                  />
+                </svg>
+              )}
+            </button>
+            <span className="text-sm font-semibold text-gray-700">
+              담은 품목{" "}
+              <span className="text-blue-600">{items.length}</span>
+            </span>
+          </div>
+
+          <button
+            onClick={toggleSelectAll}
+            className="text-xs text-blue-500 font-medium hover:underline"
+          >
+            {selectedItems.size === items.length ? "선택 해제" : "전체 선택"}
+          </button>
+        </div>
+      )}
+
+      {/* ===== Items list ===== */}
+      {loading ? (
+        <div className="flex items-center justify-center py-16 text-sm text-gray-400">
+          <svg
+            className="animate-spin w-5 h-5 mr-2 text-blue-500"
+            fill="none"
+            viewBox="0 0 24 24"
+          >
+            <circle
+              className="opacity-25"
+              cx="12"
+              cy="12"
+              r="10"
+              stroke="currentColor"
+              strokeWidth="4"
+            />
+            <path
+              className="opacity-75"
+              fill="currentColor"
+              d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+            />
+          </svg>
+          불러오는 중...
+        </div>
+      ) : items.length === 0 ? (
+        <div className="flex flex-col items-center justify-center py-16 text-gray-400">
+          <svg
+            className="w-16 h-16 mb-4 opacity-20"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth={1}
+            viewBox="0 0 24 24"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121 0 2.002-.881 2.002-2.003V6.75m-14.22 0h14.22"
+            />
+          </svg>
+          <p className="text-sm font-medium text-gray-500 mb-1">
+            담은 품목이 없습니다
+          </p>
+          <p className="text-xs text-gray-400 mb-4">
+            구매입고 화면에서 품목을 담아주세요
+          </p>
+          <button
+            onClick={() => router.push("/pop/inbound/purchase")}
+            className="px-4 py-2.5 rounded-xl text-sm font-semibold text-white active:scale-95 transition-all"
+            style={{
+              background: "linear-gradient(to bottom, #60a5fa, #2563eb)",
+              boxShadow: "0 4px 12px rgba(59,130,246,0.3)",
+            }}
+          >
+            구매입고로 이동
+          </button>
+        </div>
+      ) : (
+        <div className="flex flex-col gap-3">
+          {items.map((item) => (
+            <div
+              key={item.id}
+              className={`bg-white rounded-xl border p-3 sm:p-4 transition-all ${
+                selectedItems.has(item.id)
+                  ? "border-blue-200 shadow-sm"
+                  : "border-gray-100"
+              }`}
+            >
+              {/* Top row: checkbox + item info + delete */}
+              <div className="flex items-start gap-2.5 mb-2">
+                {/* Checkbox */}
+                <button
+                  onClick={() => toggleSelect(item.id)}
+                  className={`w-6 h-6 rounded border-2 flex items-center justify-center transition-all shrink-0 mt-0.5 ${
+                    selectedItems.has(item.id)
+                      ? "bg-blue-500 border-blue-500"
+                      : "border-gray-300 hover:border-blue-400"
+                  }`}
+                >
+                  {selectedItems.has(item.id) && (
+                    <svg
+                      className="w-3.5 h-3.5 text-white"
+                      fill="none"
+                      stroke="currentColor"
+                      strokeWidth={3}
+                      viewBox="0 0 24 24"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        d="M4.5 12.75l6 6 9-13.5"
+                      />
+                    </svg>
+                  )}
+                </button>
+
+                {/* Product image placeholder */}
+                <div className="w-[48px] h-[48px] min-w-[48px] bg-gray-50 border border-gray-200 rounded-lg flex items-center justify-center shrink-0">
+                  <span className="text-xl text-gray-300">{"\uD83D\uDCE6"}</span>
+                </div>
+
+                <div className="flex-1 min-w-0">
+                  <div className="flex items-center gap-1.5">
+                    <span className="text-[11px] text-gray-400 font-medium">
+                      {item.item_code}
+                    </span>
+                  </div>
+                  <p className="text-sm font-semibold text-gray-900 truncate">
+                    {item.item_name}
+                  </p>
+                  {(item.spec || item.material) && (
+                    <p className="text-[11px] text-gray-400 mt-0.5">
+                      {[item.spec, item.material].filter(Boolean).join(" | ")}
+                    </p>
+                  )}
+                  {item.purchase_no && (
+                    <p className="text-[10px] text-gray-400 mt-0.5">
+                      {item.purchase_no}
+                      {item.order_date ? ` | ${item.order_date}` : ""}
+                    </p>
+                  )}
+                </div>
+
+                {/* Delete button */}
+                <button
+                  onClick={() => handleRemove(item.id)}
+                  className="w-8 h-8 rounded-lg flex items-center justify-center text-white bg-red-400 hover:bg-red-500 active:scale-95 transition-all shrink-0"
+                >
+                  <svg
+                    className="w-4 h-4"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth={2}
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
+                    />
+                  </svg>
+                </button>
+              </div>
+
+              {/* Qty row: remain info + qty edit button */}
+              <div className="flex items-center justify-between ml-[34px] sm:ml-[82px] mt-1">
+                <div className="flex items-center gap-2 text-[11px] text-gray-400">
+                  <span>
+                    미입고{" "}
+                    <span className="text-red-500 font-semibold">
+                      {item.remain_qty.toLocaleString()}
+                    </span>
+                  </span>
+                  {item.unit_price > 0 && (
+                    <span>
+                      | @{item.unit_price.toLocaleString()}원
+                    </span>
+                  )}
+                </div>
+
+                {/* Qty button (opens numpad) */}
+                <button
+                  onClick={() => openNumpad(item)}
+                  className="flex items-center gap-1.5 px-3 py-2 rounded-lg bg-blue-50 border border-blue-200 hover:bg-blue-100 active:scale-95 transition-all"
+                >
+                  <span
+                    className="text-sm font-bold text-blue-700"
+                    style={{ fontVariantNumeric: "tabular-nums" }}
+                  >
+                    {item.inbound_qty.toLocaleString()}
+                  </span>
+                  <span className="text-[10px] text-gray-400">EA</span>
+                  <svg
+                    className="w-3.5 h-3.5 text-blue-400"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth={2}
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487z"
+                    />
+                  </svg>
+                </button>
+              </div>
+
+              {/* Package info */}
+              {item.packages && item.packages.length > 0 && (
+                <div className="ml-[34px] sm:ml-[82px] mt-2 px-2.5 py-2 bg-gradient-to-r from-green-50 to-emerald-50 border border-green-200 rounded-lg">
+                  <div className="flex items-center gap-2 mb-0.5">
+                    <span className="text-[10px] font-bold text-white bg-green-500 px-1.5 py-0.5 rounded-full">
+                      포장완료
+                    </span>
+                    <span className="text-[10px] text-green-600 font-semibold">
+                      {"\uD83D\uDCE6"}{" "}
+                      {item.packages
+                        .map(
+                          (p) =>
+                            `${p.count}${p.unit.label} x ${p.qtyPerUnit.toLocaleString()} = ${(
+                              p.count * p.qtyPerUnit
+                            ).toLocaleString()}EA`
+                        )
+                        .join(", ")}
+                    </span>
+                  </div>
+                </div>
+              )}
+
+              {/* Inspection row */}
+              {(item.inspection_type === "self" ||
+                item.inspection_type === "request") && (
+                <div className="ml-[34px] sm:ml-[82px] mt-2">
+                  <div className="flex items-center gap-2">
+                    <button
+                      onClick={() => openInspection(item)}
+                      className={`flex-1 flex items-center gap-2 px-3 py-2.5 rounded-lg border text-left transition-all active:scale-[0.98] ${
+                        item.inspectionResult?.completed
+                          ? "bg-green-50 border-green-300"
+                          : item.inspection_type === "self"
+                          ? "bg-blue-50 border-blue-200 hover:bg-blue-100"
+                          : "bg-amber-50 border-amber-200 hover:bg-amber-100"
+                      }`}
+                    >
+                      <span className="text-[13px] font-semibold">
+                        {item.inspection_type === "self"
+                          ? "검사"
+                          : "검사의뢰"}
+                      </span>
+                      <span
+                        className={`text-[11px] px-1.5 py-0.5 rounded ${
+                          item.inspection_required
+                            ? "bg-red-100 text-red-600"
+                            : "bg-blue-100 text-blue-600"
+                        }`}
+                      >
+                        {item.inspection_required ? "필수" : "선택"}
+                      </span>
+                      <span
+                        className={`ml-auto text-[12px] font-semibold ${
+                          item.inspectionResult?.completed
+                            ? "text-green-600"
+                            : "text-gray-400"
+                        }`}
+                      >
+                        {item.inspectionResult?.completed ? "완료" : "대기"}
+                      </span>
+                      <svg
+                        className="w-4 h-4 text-gray-400 shrink-0"
+                        fill="none"
+                        stroke="currentColor"
+                        strokeWidth={2}
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          d="M8.25 4.5l7.5 7.5-7.5 7.5"
+                        />
+                      </svg>
+                    </button>
+
+                    {/* Pass button for non-required */}
+                    {!item.inspection_required &&
+                      !item.inspectionResult?.completed && (
+                        <button
+                          onClick={() => handlePassInspection(item.id)}
+                          className="px-3 py-2.5 rounded-lg border border-gray-200 bg-gray-50 text-xs font-semibold text-gray-500 hover:bg-gray-100 active:scale-95 transition-all whitespace-nowrap"
+                        >
+                          패스
+                        </button>
+                      )}
+                  </div>
+                </div>
+              )}
+            </div>
+          ))}
+        </div>
+      )}
+
+      {/* ===== Footer summary + confirm ===== */}
+      {items.length > 0 && (
+        <div className="sticky bottom-0 bg-white border-t border-gray-200 rounded-t-2xl shadow-lg -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8 py-4 mt-2">
+          {/* Result message */}
+          {resultMsg && (
+            <div
+              className={`mb-3 p-3 rounded-xl text-sm font-medium ${
+                resultMsg.startsWith("오류")
+                  ? "bg-red-50 text-red-700"
+                  : "bg-green-50 text-green-700"
+              }`}
+            >
+              {resultMsg}
+            </div>
+          )}
+
+          {/* Required inspection warning */}
+          {hasUnfinishedRequiredInspection && (
+            <div className="mb-3 p-3 rounded-xl text-sm font-medium bg-amber-50 text-amber-700 border border-amber-200">
+              필수 검사를 완료해주세요. 검사 미완료 품목이 있어 확정할 수 없습니다.
+            </div>
+          )}
+
+          {/* Summary */}
+          <div className="flex items-center justify-between mb-3 text-sm">
+            <span className="text-gray-500">
+              선택{" "}
+              <span className="font-bold text-gray-900">
+                {selectedItemsList.length}
+              </span>
+              /{items.length}건
+            </span>
+            <span className="text-gray-500">
+              합계 수량:{" "}
+              <span className="font-bold text-blue-600">
+                {totalQty.toLocaleString()}
+              </span>{" "}
+              EA
+            </span>
+          </div>
+
+          {/* Confirm button (footer) */}
+          <button
+            onClick={handleConfirm}
+            disabled={
+              confirming ||
+              selectedItemsList.length === 0 ||
+              hasUnfinishedRequiredInspection
+            }
+            className="w-full h-14 rounded-xl text-base font-bold text-white active:scale-[0.98] transition-all disabled:opacity-40"
+            style={{
+              background:
+                selectedItemsList.length > 0 && !hasUnfinishedRequiredInspection
+                  ? "linear-gradient(to bottom, #34d399, #059669)"
+                  : "#d1d5db",
+              boxShadow:
+                selectedItemsList.length > 0 && !hasUnfinishedRequiredInspection
+                  ? "0 4px 14px rgba(5,150,105,0.3)"
+                  : "none",
+            }}
+          >
+            {confirming
+              ? "처리 중..."
+              : hasUnfinishedRequiredInspection
+              ? "필수 검사를 완료해주세요"
+              : `입고 확정 (${selectedItemsList.length}건 / ${totalQty.toLocaleString()} EA)`}
+          </button>
+        </div>
+      )}
+
+      {/* ===== Warehouse picker modal ===== */}
+      {warehousePickerOpen && (
+        <div className="fixed inset-0 z-50 flex items-end sm:items-center justify-center">
+          <div
+            className="absolute inset-0 bg-black/50"
+            onClick={() => setWarehousePickerOpen(false)}
+          />
+          <div className="relative bg-white w-full sm:max-w-md sm:rounded-2xl rounded-t-2xl max-h-[80vh] flex flex-col shadow-2xl z-10 overflow-hidden">
+            {/* Header */}
+            <div className="flex items-center justify-between px-5 py-4 border-b border-gray-100">
+              <h3 className="text-lg font-bold text-gray-900">창고 선택</h3>
+              <button
+                onClick={() => setWarehousePickerOpen(false)}
+                className="w-8 h-8 rounded-lg bg-gray-100 flex items-center justify-center text-gray-500 hover:bg-gray-200 transition-colors"
+              >
+                <svg
+                  className="w-4 h-4"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth={2}
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    d="M6 18L18 6M6 6l12 12"
+                  />
+                </svg>
+              </button>
+            </div>
+
+            {/* Warehouse list */}
+            <div className="flex-1 overflow-y-auto p-4">
+              {warehouses.length === 0 ? (
+                <p className="text-center text-sm text-gray-400 py-8">
+                  등록된 창고가 없습니다
+                </p>
+              ) : (
+                <div className="flex flex-col gap-2">
+                  {warehouses.map((wh) => (
+                    <button
+                      key={wh.warehouse_code}
+                      onClick={() => {
+                        setSelectedWarehouse(wh.warehouse_code);
+                        setWarehousePickerOpen(false);
+                      }}
+                      className={`flex items-center gap-3 p-4 rounded-xl border transition-all active:scale-[0.98] text-left ${
+                        selectedWarehouse === wh.warehouse_code
+                          ? "border-blue-400 bg-blue-50 shadow-sm"
+                          : "border-gray-200 bg-white hover:border-blue-300"
+                      }`}
+                    >
+                      <div
+                        className={`w-10 h-10 rounded-lg flex items-center justify-center shrink-0 ${
+                          selectedWarehouse === wh.warehouse_code
+                            ? "bg-blue-500 text-white"
+                            : "bg-gray-100 text-gray-400"
+                        }`}
+                      >
+                        <svg
+                          className="w-5 h-5"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth={2}
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 0h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z"
+                          />
+                        </svg>
+                      </div>
+                      <div className="flex-1 min-w-0">
+                        <p className="text-sm font-semibold text-gray-900">
+                          {wh.warehouse_name}
+                        </p>
+                        <p className="text-[11px] text-gray-400">
+                          {wh.warehouse_code}
+                          {wh.warehouse_type ? ` | ${wh.warehouse_type}` : ""}
+                        </p>
+                      </div>
+                      {selectedWarehouse === wh.warehouse_code && (
+                        <svg
+                          className="w-5 h-5 text-blue-500 shrink-0"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth={2.5}
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            d="M4.5 12.75l6 6 9-13.5"
+                          />
+                        </svg>
+                      )}
+                    </button>
+                  ))}
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* ===== Inspection Modal ===== */}
+      {inspectionTarget && (
+        <InspectionModal
+          open={inspectionModalOpen}
+          onClose={() => {
+            setInspectionModalOpen(false);
+            setInspectionTarget(null);
+          }}
+          onComplete={handleInspectionComplete}
+          itemCode={inspectionTarget.item_code}
+          itemName={inspectionTarget.item_name}
+          totalQty={inspectionTarget.inbound_qty}
+          initialResult={inspectionTarget.inspectionResult}
+        />
+      )}
+
+      {/* ===== NumberPad Modal (qty edit) ===== */}
+      {numpadTarget && (
+        <NumberPadModal
+          open={numpadOpen}
+          onClose={() => {
+            setNumpadOpen(false);
+            setNumpadTarget(null);
+          }}
+          onConfirm={handleNumpadConfirm}
+          maxQty={numpadTarget.remain_qty}
+          itemName={numpadTarget.item_name}
+          initialQty={numpadTarget.inbound_qty}
+          initialPackages={numpadTarget.packages}
+        />
+      )}
+    </div>
+  );
+}
diff --git a/frontend/components/pop/hardcoded/inbound/PurchaseInbound.tsx b/frontend/components/pop/hardcoded/inbound/PurchaseInbound.tsx
index 6cf00c13..ec39f9cd 100644
--- a/frontend/components/pop/hardcoded/inbound/PurchaseInbound.tsx
+++ b/frontend/components/pop/hardcoded/inbound/PurchaseInbound.tsx
@@ -4,7 +4,7 @@ import React, { useState, useCallback, useEffect, useMemo, useRef } from "react"
 import { useRouter } from "next/navigation";
 import { apiClient } from "@/lib/api/client";
 import { SupplierModal, type Supplier, matchChosung } from "./SupplierModal";
-import { InboundCart, type CartItem } from "./InboundCart";
+import type { CartItem } from "./InboundCart";
 import { NumberPadModal, type PackageEntry } from "./NumberPadModal";
 import { BarcodeScanModal } from "../common/BarcodeScanModal";
 
@@ -86,19 +86,14 @@ const DUMMY_ORDERS: PurchaseOrder[] = [
 
 interface PurchaseInboundProps {
   onCartCountChange?: (count: number) => void;
-  externalCartOpen?: boolean;
-  onExternalCartClose?: () => void;
 }
 
-export function PurchaseInbound({ onCartCountChange, externalCartOpen, onExternalCartClose }: PurchaseInboundProps = {}) {
+export function PurchaseInbound({ onCartCountChange }: PurchaseInboundProps = {}) {
   const router = useRouter();
 
   /* State */
   const [selectedSupplier, setSelectedSupplier] = useState<Supplier | null>(null);
   const [supplierModalOpen, setSupplierModalOpen] = useState(false);
-  const [_cartOpen, _setCartOpen] = useState(false);
-  const cartOpen = externalCartOpen || _cartOpen;
-  const setCartOpen = (v: boolean) => { _setCartOpen(v); if (!v && onExternalCartClose) onExternalCartClose(); };
   const [cartItems, _setCartItems] = useState<CartItem[]>([]);
   const setCartItems: typeof _setCartItems = (val) => {
     _setCartItems(val);
@@ -300,14 +295,13 @@ export function PurchaseInbound({ onCartCountChange, externalCartOpen, onExterna
   /* Remove from cart (cancel) */
   const handleRemoveFromCart = (id: string) => {
     setCartItems((prev) => prev.filter((c) => c.id !== id));
-  };
-
-  /* Cart operations */
-  const handleUpdateCartQty = (id: string, qty: number) => {
-    setCartItems((prev) => prev.map((c) => c.id === id ? { ...c, inbound_qty: qty } : c));
-  };
-  const handleClearCart = () => {
-    setCartItems([]);
+    // Delete from cart_items DB (background)
+    apiClient.post("/pop/execute-action", {
+      tasks: [{ type: "cart-save" }],
+      cartChanges: {
+        toDelete: [id],
+      },
+    }).catch(() => {});
   };
 
   /* Search */
@@ -617,17 +611,6 @@ export function PurchaseInbound({ onCartCountChange, externalCartOpen, onExterna
         onSelect={(s) => setSelectedSupplier(s)}
       />
 
-      <InboundCart
-        open={cartOpen}
-        onClose={() => setCartOpen(false)}
-        items={cartItems}
-        onUpdateQty={handleUpdateCartQty}
-        onRemove={handleRemoveFromCart}
-        onClear={handleClearCart}
-        supplierName={selectedSupplier?.customer_name}
-        onUpdateItems={setCartItems}
-      />
-
       <NumberPadModal
         open={numpadOpen}
         onClose={() => { setNumpadOpen(false); setNumpadTarget(null); }}
diff --git a/frontend/components/pop/hardcoded/inbound/index.ts b/frontend/components/pop/hardcoded/inbound/index.ts
index 88b57e34..b4272e78 100644
--- a/frontend/components/pop/hardcoded/inbound/index.ts
+++ b/frontend/components/pop/hardcoded/inbound/index.ts
@@ -5,3 +5,4 @@ export { InboundCart } from "./InboundCart";
 export { NumberPadModal } from "./NumberPadModal";
 export { PackagingModal } from "./PackagingModal";
 export { InspectionModal } from "./InspectionModal";
+export { InboundCartPage } from "./InboundCartPage";