.stock-flow-page[data-v-b8891234]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.page-header[data-v-b8891234]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.back-btn[data-v-b8891234]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}.page-header h1[data-v-b8891234]{font-size:16px;font-weight:600;margin:0}.header-right[data-v-b8891234]{width:36px}.filter-section[data-v-b8891234]{background:#fff;padding:16px;margin-bottom:12px}.filter-item[data-v-b8891234]{display:flex;align-items:center;gap:8px}.filter-item label[data-v-b8891234]{font-size:13px;font-weight:600;color:#666;white-space:nowrap}.required[data-v-b8891234]{color:#ff4d4f}.product-select[data-v-b8891234]{flex:1}.flow-content[data-v-b8891234]{flex:1;padding:0 12px 80px}.empty-state[data-v-b8891234],.loading-state[data-v-b8891234]{padding:60px 20px;text-align:center;color:#999}.spinner[data-v-b8891234]{font-size:32px;animation:spin-data-v-b8891234 1s linear infinite;margin-bottom:12px}@keyframes spin-data-v-b8891234{to{transform:rotate(1turn)}}.flow-list[data-v-b8891234]{display:flex;flex-direction:column;gap:10px}.flow-item[data-v-b8891234]{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);border-left:3px solid #e2e8f0}.flow-header[data-v-b8891234]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.flow-type[data-v-b8891234]{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px}.flow-type.in[data-v-b8891234]{color:#10b981;background:rgba(16,185,129,.1)}.flow-type.out[data-v-b8891234]{color:#ef4444;background:rgba(239,68,68,.1)}.flow-date[data-v-b8891234]{font-size:12px;color:#999}.flow-body[data-v-b8891234]{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}.flow-warehouse[data-v-b8891234]{color:#666}.flow-change[data-v-b8891234]{font-weight:700}.flow-change.positive[data-v-b8891234]{color:#10b981}.flow-change.negative[data-v-b8891234]{color:#ef4444}.flow-before-after[data-v-b8891234]{color:#999;font-size:12px}.flow-reason[data-v-b8891234]{margin-top:6px;font-size:12px;color:#666;padding-left:8px;border-left:2px solid #e5e7eb}.pagination[data-v-b8891234]{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 0}.page-btn[data-v-b8891234]{padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:13px;cursor:pointer}.page-btn[data-v-b8891234]:disabled{color:#ccc;cursor:not-allowed}.page-btn[data-v-b8891234]:not(:disabled):hover{border-color:var(--primary,#3498db);color:var(--primary,#3498db)}.page-info[data-v-b8891234]{font-size:13px;color:#999}