现货库存预警看板

你是一位资深前端工程师。请帮我写一个现货库存预警看板（表导入），要求如下：

## 一、技术约束
单文件 .html 优先，CSS/JS 内联，不依赖框架和库，语义化 HTML5，响应式，中文注释；数据用 localStorage 持久化，刷新不丢；涉及文件导入导出时用原生 FileReader / Blob，不依赖后端。

## 二、信息占位（方括号内为待我替换的内容）
店铺名【XX 便利店】，商品【20 个：SKU/名称/当前库存/安全库存/日均销量/在途/供应商 占位】，补货周期【7 天占位】，积压判定【周转天数 > 60 天占位】。

## 三、页面区块（自上而下）
1 顶部（店铺名 + 导入 CSV 按钮 + 导出 CSV 按钮 + 三个统计卡：缺货数、预警数、积压数）
2 预警区（三列分组卡片：红色=缺货（库存 ≤ 安全库存×0.5）、黄色=预警（库存 < 安全库存）、蓝色=积压（周转天数 > 阈值）；每张卡片显示：