:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#13213b;background:#f3f7fc}*{box-sizing:border-box}body{margin:0}.top{background:linear-gradient(110deg,#14254f,#1367d8);color:white}.topInner{max-width:1320px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:13px;font-weight:800;opacity:.75}h1{margin:4px 0;font-size:25px}p{margin:0;color:#dceafd;font-size:13px}.readonly{border:1px solid #ffffff80;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;white-space:nowrap}.page{max-width:1320px;margin:auto;padding:20px 24px 56px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.summary>div{background:#fff;border:1px solid #dde6f1;border-radius:15px;padding:15px 18px;box-shadow:0 5px 16px #1d3d7010}.summary strong{display:block;font-size:27px;line-height:1.1}.summary span{font-size:12px;color:#64748b}.toolbar{display:grid;grid-template-columns:auto minmax(200px,1fr) 180px 145px;gap:10px;align-items:center;background:#fff;border:1px solid #dde6f1;padding:12px;border-radius:15px}.tabs{display:flex;padding:4px;background:#edf4fd;border-radius:10px}.tabs button{border:0;background:transparent;padding:9px 14px;border-radius:8px;font-weight:800;color:#40516f;cursor:pointer;white-space:nowrap}.tabs button.active{background:#1769e9;color:#fff}.toolbar input,.toolbar select{width:100%;height:42px;border:1px solid #cbd8e8;border-radius:9px;padding:0 11px;font:inherit;background:#fff;color:#13213b}.resultLine{display:flex;justify-content:space-between;color:#62728a;font-size:13px;margin:16px 2px 10px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:13px}.card{min-width:0;border:1px solid #dde6f1;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 5px 18px #1733610c}.photo{height:190px;background:#f7faff;display:flex;align-items:center;justify-content:center;color:#9aa8b9;font-size:13px}.photo img{max-width:100%;max-height:100%;object-fit:contain}.content{padding:13px}.categoryBadge{display:inline-block;color:#1e64c5;background:#eaf3ff;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.name{font-weight:850;margin:9px 0 6px;min-height:42px;line-height:1.4}.sku{font-size:12px;color:#6a7990;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.detail{background:#f5f8fc;padding:9px;border-radius:9px;min-width:0}.detail small{display:block;color:#718198;font-size:11px}.detail b{font-size:14px;overflow-wrap:anywhere}.position{margin-top:10px;color:#62728a;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.more{text-align:center;padding:20px}.more button{background:#1769e9;color:#fff;border:0;border-radius:10px;padding:11px 26px;font-weight:800;cursor:pointer}.error{background:#fff0f0;border:1px solid #ffbdbd;color:#aa2525;padding:12px;border-radius:10px;margin-bottom:14px}@media(max-width:720px){.topInner{padding:16px;align-items:flex-start}h1{font-size:20px}.readonly{font-size:11px;padding:6px 8px}.page{padding:14px}.summary{gap:8px}.summary>div{padding:11px}.summary strong{font-size:23px}.toolbar{grid-template-columns:1fr 1fr}.tabs{grid-column:1/-1}.toolbar input{grid-column:1/-1}.cards{grid-template-columns:1fr}.photo{height:210px}}@media(max-width:360px){.summary strong{font-size:20px}.toolbar{grid-template-columns:1fr}.toolbar select{grid-column:1/-1}}
.logDialog{width:min(850px,calc(100vw - 24px));max-height:min(90vh,900px);padding:0;border:1px solid #d4e2f4;border-radius:16px;box-shadow:0 22px 70px #061b4370;color:#13213b}
.logDialog::backdrop{background:#0b193b99}.logHeader{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #dce6f2;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.logHeader h2{font-size:19px;margin:0 0 4px}.logHeader p{color:#667085;font-size:12px}.logHeader button{border:1px solid #cbd8e8;background:#fff;border-radius:9px;padding:7px 12px;font:inherit;cursor:pointer}.logStatus{padding:12px 18px;color:#475467;font-size:13px}.logList{padding:0 18px;display:grid;gap:10px}.logRow{border:1px solid #dce6f2;border-radius:12px;padding:11px 12px;background:#fff}.logRowTop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px}.logTime{font-size:13px;font-weight:800}.logType,.logUndone{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;background:#edf2f7;color:#40516f}.logType.in{background:#e8f7ee;color:#137547}.logType.out{background:#fff0e3;color:#b05010}.logType.undo,.logUndone{background:#fff0f0;color:#ad3030}.logCells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.logCells>div{min-width:0;background:#f8fafc;border-radius:8px;padding:6px 8px;overflow-wrap:anywhere}.logCells small{display:block;color:#667085;font-size:11px;margin-bottom:3px}.logCells span{font-size:13px}.logFooter{text-align:center;padding:16px}.logFooter button{border:0;background:#1769e9;color:#fff;border-radius:9px;padding:10px 20px;font:inherit;font-weight:800;cursor:pointer}@media(max-width:600px){.logDialog{width:calc(100vw - 12px);max-height:calc(100vh - 24px)}.logHeader{padding:12px}.logHeader h2{font-size:16px}.logList{padding:0 10px}.logStatus{padding:10px}.logCells{grid-template-columns:repeat(2,minmax(0,1fr))}}