.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:background .3s;pointer-events:none}.modal-overlay.active{background:#00000080;pointer-events:auto}.modal-content{background:#fff;padding:0;border-radius:12px;width:88%;max-width:360px;transform:scale(.8);opacity:0;transition:all .3s cubic-bezier(.3,1.3,.6,1)}.modal-content.active{transform:scale(1);opacity:1}.modal-header{padding:14px 18px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:17px}.modal-body{padding:18px}.modal-footer{padding:12px 18px;border-top:1px solid #eee;text-align:right}.btn-confirm{background:#0b93f6;color:#fff;border:none;padding:8px 18px;margin-left:10px;border-radius:8px;cursor:pointer;font-size:15px}.btn-cancel{background:#eee;border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:15px}.close-btn{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#999}:root{--bg: #f5f7fb;--primary: #0b93f6;--in: #34c759;--out: #ff3b30;--ink: #1c1c1e;--muted: #8e8e93;--card: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,Helvetica Neue,Arial;background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--bg)}.topbar{height:52px;background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #ecec;border-bottom-color:#eceef1;position:sticky;top:0;z-index:10}.topbar .title{font-size:18px;font-weight:600}.topbar .add-btn{background:var(--primary);color:#fff;border:none;border-radius:18px;height:34px;padding:0 14px;font-size:14px;cursor:pointer}.content{flex:1;overflow-y:auto;padding:12px 12px 80px}.empty{text-align:center;color:var(--muted);margin-top:60px;font-size:15px}.shoe-card{background:var(--card);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 6px #0000000d}.shoe-head{display:flex;justify-content:space-between;align-items:flex-start}.shoe-head-main{display:flex;align-items:center;gap:12px;min-width:0}.shoe-brand{font-size:13px;color:var(--muted)}.shoe-name{font-size:17px;font-weight:600;margin-top:2px}.shoe-total{font-size:13px;color:var(--muted);margin-top:2px}.shoe-actions{display:flex;gap:8px}.icon-btn{background:#f1f3f6;border:none;border-radius:8px;width:30px;height:30px;font-size:14px;cursor:pointer;color:#555}.variant-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.variant-badge{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px 10px;border-radius:10px;background:#f3f6fb;border:1px solid #e4eaf3;cursor:pointer}.variant-badge.zero{opacity:.55}.variant-badge .vb-size{font-size:15px;font-weight:600}.variant-badge .vb-color{font-size:11px;color:var(--muted);margin-top:1px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-badge .vb-qty{font-size:13px;margin-top:4px;color:var(--primary);font-weight:600}.variant-badge.add{justify-content:center;align-items:center;color:var(--muted);font-size:22px;background:#fff;border-style:dashed}.brand-group{background:var(--card);border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 6px #0000000d}.brand-group-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid #f0f2f5}.bg-name{font-size:18px;font-weight:600}.bg-total{font-size:15px}.bg-total b{font-size:22px;color:var(--primary);margin-right:4px}.model-group{margin-top:12px}.model-head{display:flex;justify-content:space-between;align-items:center;border-left:3px solid var(--primary);padding-left:8px}.model-name-wrap{display:flex;align-items:center;gap:8px;min-width:0}.model-name{font-size:15px;font-weight:600;color:#222}.model-total{font-size:13px;color:var(--muted)}.stats-items{margin-top:6px;padding-left:11px;display:flex;flex-direction:column;gap:6px}.stats-item{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}.si-name{color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.si-color,.si-size{color:var(--muted)}.si-qty{flex:0 0 auto;color:var(--primary);font-weight:600}.stats-sum{text-align:center;color:var(--muted);font-size:13px;margin:16px 0}.brand-filter{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px;-webkit-overflow-scrolling:touch}.brand-chip{flex:0 0 auto;border:1px solid #dfe4ec;background:var(--card);color:#555;border-radius:16px;padding:6px 14px;font-size:14px;cursor:pointer;white-space:nowrap}.brand-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sell-search{margin-bottom:12px}.sell-search input{width:100%;padding:10px 14px;border:1px solid #dfe4ec;border-radius:10px;font-size:15px;background:var(--card)}.toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:2000;max-width:80%;background:#28282deb;color:#fff;border-radius:20px;padding:10px 18px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 16px #0003;animation:toast-in .2s ease;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.sell-list{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.sell-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #f0f2f5}.sell-row:last-child{border-bottom:none}.sell-info{flex:1;min-width:0}.sell-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sell-sub{font-size:13px;color:var(--muted);margin-top:2px}.sell-btn{flex:0 0 auto;margin-left:12px;border:1px solid var(--out);background:#fff;color:var(--out);border-radius:20px;padding:8px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.sell-btn.confirm{background:var(--out);color:#fff;box-shadow:0 2px 8px #ff3b3059}.sell-btn:disabled{opacity:.5}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:56px;background:var(--card);border-top:1px solid #eceef1;display:flex}.tabbar button{flex:1;background:none;border:none;font-size:13px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tabbar button.active{color:var(--primary)}.tabbar .tab-icon{font-size:19px}.form-field{margin-bottom:14px}.form-field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.form-field input{width:100%;padding:10px 12px;border:1px solid #dfe4ec;border-radius:8px;font-size:16px}.form-err{color:var(--out);font-size:13px;margin-bottom:10px}.sku-cur{text-align:center;margin-bottom:16px}.sku-cur b{font-size:34px;color:var(--primary)}.sku-cur span{color:var(--muted);font-size:14px}.io-row{display:flex;gap:10px;align-items:center;margin-bottom:14px}.io-row input{flex:1;padding:10px 12px;border:1px solid #dfe4ec;border-radius:8px;font-size:16px}.io-btn{border:none;border-radius:8px;padding:10px 16px;font-size:15px;color:#fff;cursor:pointer}.io-btn.in{background:var(--in)}.io-btn.out{background:var(--out)}.io-cancel{border:none;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:0 4px}.out-link{display:block;width:100%;border:none;background:none;color:var(--muted);font-size:13px;text-align:center;padding:6px 0;margin-bottom:6px;cursor:pointer}.out-link:hover{color:var(--out)}.out-row{margin-bottom:8px}.history{max-height:180px;overflow-y:auto;border-top:1px solid #eee;padding-top:10px}.history-item{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;color:#444}.history-item .h-in{color:var(--in);font-weight:600}.history-item .h-out{color:var(--out);font-weight:600}.history-item .h-time{color:var(--muted)}.history-empty{color:var(--muted);font-size:13px;text-align:center;padding:8px 0}.danger-link{background:none;border:none;color:var(--out);font-size:13px;cursor:pointer;margin-top:8px}.shoe-thumb{flex:0 0 auto;border-radius:10px;object-fit:cover;background:#f1f3f6}.shoe-thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:22px;color:#c4c9d0}.img-picker{position:relative;width:96px;height:96px;border-radius:12px;border:1px dashed #cfd6e0;background:#fafbfc;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.img-placeholder{color:var(--muted);font-size:13px}.img-preview{width:100%;height:100%;object-fit:cover}.img-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.sell-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sell-topbar>span{font-size:16px;font-weight:600}.records-link{border:none;background:none;color:var(--primary);font-size:14px;cursor:pointer;padding:4px 0}.sales-overlay{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100%;background:var(--bg);z-index:1500;overflow-y:auto;padding:12px 12px 40px}.sales-head{position:sticky;top:0;display:flex;align-items:center;gap:10px;background:var(--bg);margin:-12px -12px 4px;padding:6px 12px 12px}.back-btn{border:none;background:none;color:var(--primary);font-size:16px;cursor:pointer;padding:4px 0;flex:0 0 auto}.sales-title{font-size:17px;font-weight:600;flex:1}.sales-count{font-size:13px;color:var(--muted);flex:0 0 auto}.sales-group{margin-bottom:14px}.sales-day{font-size:13px;color:var(--muted);margin:6px 2px}.sales-list{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.sales-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f0f2f5}.sales-row:last-child{border-bottom:none}.sales-info{flex:1;min-width:0}.sales-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-sub{font-size:13px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-right{flex:0 0 auto;text-align:right}.sales-qty{font-size:16px;font-weight:600;color:var(--out)}.sales-time{font-size:12px;color:var(--muted);margin-top:2px}