:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#243026;background:#f5f7f2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;background:#2f6f4e;color:#fff;cursor:pointer;font-weight:700;min-height:44px;padding:0 18px}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;padding:28px}.workspace{display:grid;gap:22px;margin:0 auto;max-width:1180px}.app-header{align-items:center;background:#fff;border:1px solid #dde4d8;border-radius:8px;display:flex;gap:18px;justify-content:space-between;padding:20px 24px}.tab-nav,.filter-tabs,.pill-row{display:flex;flex-wrap:wrap;gap:8px}.tab-button,.filter-button{background:#eef5ec;border:1px solid #cbd6c7;color:#2f6f4e}.tab-button.active,.filter-button.active{background:#2f6f4e;border-color:#2f6f4e;color:#fff}.lookup-panel,.inventory-list,.dashboard-panel{background:#fff;border:1px solid #dde4d8;border-radius:8px;padding:24px}.eyebrow,.code{color:#6a7768;font-size:.85rem;font-weight:700;letter-spacing:0;margin:0 0 6px}h1,h2,h3{line-height:1.25;margin:0}h1{font-size:2rem}.lookup-form{margin-top:24px}label{color:#3e4b3f;display:grid;font-weight:700;gap:8px}.lookup-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;margin-top:8px}.scan-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.secondary-button{background:#eef5ec;border:1px solid #cbd6c7;color:#2f6f4e}.ghost-button{background:transparent;border:1px solid #cbd6c7;color:#415044}.hidden-file{display:none}input,select,textarea{border:1px solid #cbd6c7;border-radius:8px;color:#243026;min-height:44px;padding:10px 12px;width:100%}select{background:#fff}textarea{resize:vertical}.message{background:#edf5e8;border:1px solid #cfe0c8;border-radius:8px;padding:12px 14px}.dashboard-panel{display:grid;gap:18px}.dashboard-header,.expiry-group-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.alert-band{background:#edf5e8;border:1px solid #cfe0c8;border-radius:8px;color:#2f6f4e;font-weight:700;padding:12px 14px}.alert-band.danger{background:#fff1f0;border-color:#ffccc7;color:#b42318}.expiry-groups{display:grid;gap:16px}.expiry-group{border:1px solid #dde4d8;border-radius:8px;display:grid;gap:12px;padding:14px}.expiry-group.warning{border-color:#f3c969}.expiry-group.danger{border-color:#ff9c91}.expiry-group-header span{color:#6a7768;font-weight:700}.scanner-panel{background:#111913;border-radius:8px;color:#edf5e8;display:grid;gap:10px;margin-top:16px;overflow:hidden;padding:12px}.scanner-panel p{margin:0}.scanner-viewfinder{position:relative}.scan-hint{color:#6a7768;font-size:.9rem;margin:10px 0 0}.scanner-video{aspect-ratio:4 / 3;background:#0b120d;border:1px solid #354238;border-radius:8px;max-height:420px;object-fit:cover;width:100%}.barcode-frame{border:3px solid #f4f8ef;border-radius:8px;box-shadow:0 0 0 999px #0000006b,0 0 18px #f4f8ef59;height:28%;left:50%;max-height:150px;min-height:82px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:86%}.barcode-frame:before,.barcode-frame:after{background:#f4f8ef;content:"";height:3px;left:12%;opacity:.9;position:absolute;right:12%}.barcode-frame:before{top:50%}.barcode-frame:after{display:none}.preview{border-top:1px solid #e4eadf;display:grid;gap:20px;grid-template-columns:180px minmax(0,1fr) 280px;margin-top:24px;padding-top:24px}.image-frame,.thumb{align-items:center;background:#f0f3ed;border:1px solid #dde4d8;border-radius:8px;display:flex;justify-content:center;overflow:hidden}.image-frame{aspect-ratio:1}.image-frame img,.thumb img{height:100%;object-fit:contain;width:100%}.preview-info{min-width:0}.preview-info h2{font-size:1.45rem;margin-bottom:18px;overflow-wrap:anywhere}dl{display:grid;gap:10px;margin:0}dl div{display:grid;gap:8px;grid-template-columns:70px minmax(0,1fr)}dt{color:#6a7768}dd{margin:0;overflow-wrap:anywhere}.confirm-box{display:grid;gap:14px}.expiry-row,.storage-select-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.icon-button{background:#eef5ec;border:1px solid #cbd6c7;color:#2f6f4e;min-width:64px;padding:0 12px}.helper-text,.expiry-text{color:#6a7768;font-size:.88rem;margin:-6px 0 0}.expiry-text{margin:4px 0 0}.save-button{width:100%}.compact-button{min-width:92px;width:auto}.modal-overlay{align-items:center;background:#11182773;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-card{background:#fff;border-radius:8px;box-shadow:0 18px 50px #00000038;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden;width:min(640px,100%)}.modal-header,.modal-footer{align-items:center;background:#f5f7f2;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.modal-header h2{font-size:1rem}.close-btn{background:transparent;border:1px solid #cbd6c7;color:#415044;min-height:36px;padding:0 12px}.modal-body{display:grid;gap:12px;min-height:0;overflow-y:auto;padding:16px}.settings-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.location-helper{margin:0}.location-settings-list{display:grid;gap:8px}.location-settings-item{align-items:center;background:#fbfdf9;border:1px solid #dde4d8;border-radius:8px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:10px}.drag-handle{color:#6a7768;cursor:grab;font-weight:800;padding:0 4px;-webkit-user-select:none;user-select:none}.order-controls{display:flex;gap:4px}.order-btn{background:#fff;border:1px solid #cbd6c7;color:#415044;min-height:36px;min-width:36px;padding:0}.delete-button{color:#b42318;min-height:36px;padding:0 12px}.list-header{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.list-header span{color:#6a7768;font-weight:700}.empty-state{border:1px dashed #cbd6c7;border-radius:8px;color:#6a7768;padding:30px;text-align:center}.items-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.item-card{border:1px solid #dde4d8;border-radius:8px;display:grid;gap:14px;grid-template-columns:88px minmax(0,1fr);padding:12px}.thumb{aspect-ratio:1}.item-body{min-width:0}.item-body h3{font-size:1rem;margin-bottom:6px;overflow-wrap:anywhere}.item-body p{color:#5d6a5c;margin:0 0 10px}.meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.meta-row span{color:#6a7768}.pill{background:#edf5e8;border:1px solid #cfe0c8;border-radius:999px;color:#2f6f4e;font-size:.78rem;font-weight:700;padding:4px 8px}.danger-pill{background:#fff1f0;border-color:#ffccc7;color:#b42318}.expired-item{border-color:#ff9c91}.location-text{color:#6a7768;font-size:.9rem;margin:6px 0 0}.consume-button{margin-top:10px;min-height:38px;width:100%}@media (max-width: 860px){.app-shell{padding:14px}.app-header,.dashboard-header{align-items:stretch;flex-direction:column}.tab-nav{display:grid;grid-template-columns:1fr 1fr}.preview{grid-template-columns:1fr}.image-frame{max-width:240px}}@media (max-width: 560px){.lookup-row{grid-template-columns:1fr}.scan-actions button{flex:1 1 120px}.expiry-row,.storage-select-row,.settings-row,.location-settings-item{grid-template-columns:1fr}.order-controls{width:100%}.order-btn{flex:1}.lookup-panel,.inventory-list{padding:18px}}