.retain-list-page[data-v-2cdae91a]{min-height:100vh;background:#f7f8fa;padding-bottom:env(safe-area-inset-bottom)}.main-content[data-v-2cdae91a]{padding:16px}.stats-cards[data-v-2cdae91a]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-card[data-v-2cdae91a]{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.06);position:relative}.stat-label[data-v-2cdae91a]{font-size:12px;color:#6b7785;margin:0}.stat-value[data-v-2cdae91a]{font-size:22px;font-weight:700;margin:4px 0 4px}.stat-value.primary[data-v-2cdae91a]{color:#1677ff}.stat-value.warn[data-v-2cdae91a]{color:#ff7d00}.stat-footer[data-v-2cdae91a]{font-size:12px;margin:4px 0 0}.stat-footer.success[data-v-2cdae91a]{color:#00b42a}.stat-footer[data-v-2cdae91a]{color:#6b7785}.stat-dot[data-v-2cdae91a]{position:absolute;top:12px;right:12px;width:8px;height:8px;background:#ff7d00;border-radius:50%}.filter-tabs[data-v-2cdae91a]{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;padding:4px 0;margin-bottom:8px;-webkit-overflow-scrolling:touch}.filter-tabs[data-v-2cdae91a]::-webkit-scrollbar{display:none}.filter-tab[data-v-2cdae91a]{padding:8px 16px;border-radius:20px;font-size:14px;background:#fff;color:#6b7785;border:none;cursor:pointer;transition:all .2s}.filter-tab.tab-warn[data-v-2cdae91a]{color:#ff7d00}.filter-tab.tab-success[data-v-2cdae91a]{color:#00b42a}.filter-tab.active[data-v-2cdae91a]{background:#1677ff;color:#fff}.loading-state[data-v-2cdae91a]{text-align:center;padding:60px 20px;color:#6b7785}.loading-spinner[data-v-2cdae91a]{width:40px;height:40px;margin:0 auto 16px;border:3px solid #e5e6eb;border-top-color:#1677ff;border-radius:50%;animation:spin-data-v-2cdae91a .8s linear infinite}@keyframes spin-data-v-2cdae91a{to{transform:rotate(1turn)}}.empty-state[data-v-2cdae91a]{text-align:center;padding:60px 20px;color:#6b7785}.empty-state>svg[data-v-2cdae91a]{margin-bottom:8px;color:#c5c9d1}.empty-state p[data-v-2cdae91a]{margin:0}.record-list[data-v-2cdae91a]{display:flex;flex-direction:column;gap:12px}.record-item[data-v-2cdae91a]{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 2px rgba(0,0,0,.06);border-left:4px solid transparent;cursor:pointer;transition:transform .2s}.record-item[data-v-2cdae91a]:active{transform:scale(.98)}.record-item.status-pending[data-v-2cdae91a]{border-left-color:#ff7d00}.record-item.status-done[data-v-2cdae91a]{border-left-color:#00b42a}.record-item.status-invalid[data-v-2cdae91a]{border-left-color:#8b95a5}.record-header[data-v-2cdae91a]{display:flex;justify-content:space-between;align-items:flex-start}.user-name[data-v-2cdae91a]{font-size:15px;font-weight:500;color:#1a1a1a;margin:0 0 8px 0}.record-meta[data-v-2cdae91a]{font-size:12px;color:#6b7785;margin:8px 0 0}.record-phone[data-v-2cdae91a]{font-size:14px;color:#1a1a1a;font-weight:500;margin:10px 0 0}.record-content[data-v-2cdae91a]{font-size:12px;color:#6b7785;margin:8px 0 0}.status-tag[data-v-2cdae91a]{font-size:12px;padding:4px 8px;border-radius:12px;white-space:nowrap}.status-tag.tag-pending[data-v-2cdae91a]{background:#fff2e8;color:#ff7d00}.status-tag.tag-done[data-v-2cdae91a]{background:#e6ffea;color:#00b42a}.status-tag.tag-invalid[data-v-2cdae91a]{background:#f4f5f7;color:#8b95a5}.record-actions[data-v-2cdae91a]{display:flex;justify-content:flex-end;gap:16px;margin-top:12px}.action-btn[data-v-2cdae91a]{font-size:14px;background:none;border:none;cursor:pointer;padding:4px 8px}.action-btn.primary[data-v-2cdae91a]{color:#1677ff}.action-btn.warn[data-v-2cdae91a]{color:#ff7d00}.action-btn.invalid[data-v-2cdae91a]{color:#8b95a5}.load-more[data-v-2cdae91a]{text-align:center;padding:24px 16px;color:#6b7785;font-size:14px}.load-more p[data-v-2cdae91a]{margin:0}.modal-overlay[data-v-2cdae91a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content[data-v-2cdae91a]{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-2cdae91a]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e6eb}.modal-header h3[data-v-2cdae91a]{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}.close-btn[data-v-2cdae91a]{background:none;border:none;cursor:pointer;padding:4px;color:#6b7785}.modal-body[data-v-2cdae91a]{padding:16px;overflow-y:auto}.detail-section[data-v-2cdae91a]{margin-bottom:20px}.section-title[data-v-2cdae91a]{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e6eb}.info-row[data-v-2cdae91a]{display:flex;justify-content:space-between;padding:8px 0}.info-label[data-v-2cdae91a]{color:#6b7785;font-size:14px}.info-value[data-v-2cdae91a]{color:#1a1a1a;font-size:14px}.phone-link[data-v-2cdae91a]{display:inline-flex;align-items:center;gap:6px;color:#1677ff;text-decoration:none}.phone-icon[data-v-2cdae91a]{width:16px;height:16px;flex-shrink:0}.form-detail[data-v-2cdae91a]{background:#f7f8fa;border-radius:8px;padding:12px}.form-row[data-v-2cdae91a]{display:flex;padding:8px 0;border-bottom:1px solid #e5e6eb}.form-row[data-v-2cdae91a]:last-child{border-bottom:none}.form-label[data-v-2cdae91a]{width:80px;color:#6b7785;font-size:13px;flex-shrink:0}.form-value[data-v-2cdae91a]{flex:1;color:#1a1a1a;font-size:13px;word-break:break-all}.status-select[data-v-2cdae91a]{width:100%;height:40px;padding:0 12px;border-radius:8px;border:1px solid #e5e6eb;background:#fff;font-size:14px;color:#1a1a1a;outline:none}.status-select[data-v-2cdae91a]:focus{border-color:#1677ff}