.mobile-purchase-order-list[data-v-00f1db99]{background-color:#f5f5f5;min-height:100vh;padding-bottom:20px}.nav-bar[data-v-00f1db99]{padding:12px 16px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10}.nav-bar[data-v-00f1db99],.status-bar[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.status-bar[data-v-00f1db99]{padding:8px 12px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5}.network-status[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;padding:6px 12px;border-radius:4px;-webkit-transition:background-color .3s;transition:background-color .3s}.network-status[data-v-00f1db99]:hover{background-color:rgba(0,0,0,.05)}.network-status.offline[data-v-00f1db99]{background-color:rgba(245,108,108,.1)}.network-status.syncing[data-v-00f1db99]{background-color:rgba(64,158,255,.1)}.network-status.pending-sync[data-v-00f1db99]{background-color:rgba(230,162,60,.1)}.status-icon[data-v-00f1db99]{margin-right:10px;font-size:18px}.status-text[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px}.main-status[data-v-00f1db99]{font-weight:500}.offline-time[data-v-00f1db99],.sync-time[data-v-00f1db99]{font-size:12px;color:#666;margin-top:2px}.network-status.offline .main-status[data-v-00f1db99]{color:#f56c6c}.network-status.syncing .main-status[data-v-00f1db99]{color:#409eff}.network-status.pending-sync .main-status[data-v-00f1db99]{color:#e6a23c}.manual-sync-btn[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border:none;background-color:transparent;color:#409eff;font-size:18px;cursor:pointer;border-radius:4px;-webkit-transition:all .3s;transition:all .3s;margin-left:8px}.manual-sync-btn[data-v-00f1db99]:hover:not(:disabled){background-color:#ecf5ff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.manual-sync-btn[data-v-00f1db99]:disabled{color:#ccc;cursor:not-allowed}@media (max-width:480px){.status-bar[data-v-00f1db99]{padding:6px 8px}.network-status[data-v-00f1db99]{padding:4px 8px}.status-icon[data-v-00f1db99]{font-size:16px;margin-right:6px}.status-text[data-v-00f1db99]{font-size:13px}.offline-time[data-v-00f1db99],.sync-time[data-v-00f1db99]{font-size:11px}.manual-sync-btn[data-v-00f1db99]{width:30px;height:30px;font-size:16px;margin-left:6px}.mobile-purchase-order-list[data-v-00f1db99]{padding:0}.search-bar[data-v-00f1db99]{padding:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.filter-select[data-v-00f1db99],.search-input[data-v-00f1db99]{width:100%}.order-list-container[data-v-00f1db99]{padding:8px}.order-item[data-v-00f1db99]{padding:12px;margin-bottom:8px}.order-info[data-v-00f1db99]{font-size:13px}.order-actions[data-v-00f1db99]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.order-actions button[data-v-00f1db99]{width:100%}.loading-container[data-v-00f1db99]{padding:40px 20px}.empty-container[data-v-00f1db99]{padding:60px 20px}.error-container[data-v-00f1db99]{padding:20px}}@media (max-width:375px){.main-status[data-v-00f1db99]{font-size:12px}.offline-time[data-v-00f1db99],.sync-time[data-v-00f1db99]{font-size:10px}.order-item[data-v-00f1db99]{padding:10px}.order-header h3[data-v-00f1db99]{font-size:14px}.order-details[data-v-00f1db99]{font-size:12px}}@media (hover:none) and (pointer:coarse){.network-status[data-v-00f1db99]{padding:8px 12px}.network-status[data-v-00f1db99]:active{background-color:rgba(0,0,0,.1)}.manual-sync-btn[data-v-00f1db99]:active:not(:disabled){background-color:#d9ecff;-webkit-transform:scale(.95) rotate(45deg);transform:scale(.95) rotate(45deg)}.order-item[data-v-00f1db99]{-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.order-item[data-v-00f1db99]:active{-webkit-transform:scale(.98);transform:scale(.98)}}.icon-clock[data-v-00f1db99],.icon-offline[data-v-00f1db99],.icon-sync[data-v-00f1db99]{width:16px;height:16px;margin-right:4px;background-size:cover}.icon-offline[data-v-00f1db99]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a10 10 0 0110 10 10 10 0 01-10 10A10 10 0 012 12 10 10 0 0112 2m0 2a8 8 0 00-8 8 8 8 0 008 8 8 8 0 008-8 8 8 0 00-8-8z'/%3E%3C/svg%3E")}.icon-sync[data-v-00f1db99]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M17.65 6.35A7.958 7.958 0 0012 4a8 8 0 00-8 8 8 8 0 008 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18a6 6 0 01-6-6 6 6 0 016-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E")}.icon-clock[data-v-00f1db99]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2m0 2a8 8 0 018 8 8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8m.5 3v5.25l4.5 2.67-.75 1.23L11 13V7h1.5z'/%3E%3C/svg%3E")}.sync-action[data-v-00f1db99]{padding:8px 16px;background-color:#f0f8ff;text-align:center;border-bottom:1px solid #e6f7ff}.sync-indicator.global[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px;background-color:#fff7e6;color:#fa8c16;font-size:12px;border-bottom:1px solid #ffd591}.last-sync-time[data-v-00f1db99]{padding:6px 16px;background-color:#f0f0f0;color:#666;font-size:12px;text-align:right}.order-item.pending-sync[data-v-00f1db99]{border-left:3px solid #faad14}.filter-tabs[data-v-00f1db99]{-webkit-overflow-scrolling:touch}.nav-title[data-v-00f1db99]{font-size:18px;font-weight:600;color:#333}.action-buttons[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.search-bar[data-v-00f1db99]{padding:12px;background-color:#fff}.filter-tabs[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fff;padding:0 12px;margin-bottom:8px;overflow-x:auto;white-space:nowrap}.filter-tab[data-v-00f1db99]{padding:12px 16px;margin-right:12px;font-size:14px;color:#666;border-bottom:2px solid transparent;cursor:pointer}.filter-tab.active[data-v-00f1db99]{color:#1890ff;border-bottom-color:#1890ff;font-weight:500}.order-list[data-v-00f1db99]{background-color:#f5f5f5}.order-item[data-v-00f1db99]{background-color:#fff;padding:16px;margin-bottom:8px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.order-item[data-v-00f1db99]:active{background-color:#f0f0f0}.order-header[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.order-number[data-v-00f1db99]{font-size:16px;font-weight:500;color:#333}.order-status[data-v-00f1db99]{padding:4px 8px;border-radius:4px;font-size:12px}.status-draft[data-v-00f1db99]{background-color:#f0f0f0;color:#999}.status-submitted[data-v-00f1db99]{background-color:#e6f7ff;color:#1890ff}.status-approved[data-v-00f1db99]{background-color:#f6ffed;color:#52c41a}.status-partially_received[data-v-00f1db99]{background-color:#fff7e6;color:#fa8c16}.status-completed[data-v-00f1db99]{background-color:#f6ffed;color:#52c41a}.status-cancelled[data-v-00f1db99]{background-color:#fff1f0;color:#ff4d4f}.order-info[data-v-00f1db99]{margin-bottom:12px}.order-amount[data-v-00f1db99],.order-date[data-v-00f1db99],.supplier-name[data-v-00f1db99]{font-size:14px;color:#666;margin-bottom:6px}.order-amount[data-v-00f1db99]{font-weight:500;color:#f5222d}.order-footer[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.goods-count[data-v-00f1db99]{font-size:12px;color:#999}.load-more[data-v-00f1db99]{padding:20px;text-align:center}.no-more[data-v-00f1db99]{font-size:14px;color:#999}.empty-state[data-v-00f1db99]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 0}