食材进销存与保质期提醒页

你是一位资深前端工程师兼餐饮后厨管理顾问。请帮我写一个食材进销存与保质期提醒页，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库；纯前端实现，业务数据存 localStorage，刷新与关闭浏览器后数据不丢失；移动端与桌面端都好用；代码带中文注释，分区清晰。

## 二、信息占位（方括号内为待我替换的内容）
门店信息【占位：门店名称/负责登记的岗位】，食材清单【占位：名称/类别（生鲜/冻品/干货/调料）/单位/存放位置】，采购记录【占位：日期/供应商/数量/单价/保质期天数】，损耗容忍【占位：可接受损耗率上限，用于超标提示】。

## 三、数据结构（字段定义）
sku：{名称、类别、单位、存放位置、默认保质期天数}；in：{食材ID、日期、供应商、数量、单价、到期日}；out：{食材ID、日期、数量、用途(领用/报损/员工餐/调拨)、报损原因}；config：{损耗率上限、临期提醒