[data-v-92f3e074]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-92f3e074]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.hubspot-contacts-page[data-v-92f3e074]{height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.header[data-v-92f3e074]{background:#fff;padding:20px;border-bottom:1px solid #e0e0e0}.header h1[data-v-92f3e074]{margin:0 0 5px 0;color:#333}.header p[data-v-92f3e074]{margin:0 0 15px 0;color:#666}.header .actions[data-v-92f3e074]{display:flex;gap:10px}.header .progress-summary[data-v-92f3e074]{display:flex;gap:20px;margin-top:15px;padding:15px;background:#f9f9f9;border-radius:6px}.header .progress-summary .summary-item[data-v-92f3e074]{display:flex;flex-direction:column;align-items:center}.header .progress-summary .summary-item .label[data-v-92f3e074]{font-size:12px;color:#666;margin-bottom:4px}.header .progress-summary .summary-item .value[data-v-92f3e074]{font-size:18px;font-weight:600}.header .progress-summary .summary-item .value.pending[data-v-92f3e074]{color:#e6a23c}.header .progress-summary .summary-item .value.synced[data-v-92f3e074]{color:#67c23a}.header .progress-summary .summary-item .value.skipped[data-v-92f3e074]{color:#909399}.header .progress-summary .summary-item .value.error[data-v-92f3e074]{color:#f56c6c}.content[data-v-92f3e074]{flex:1;display:flex;gap:20px;padding:20px;overflow:hidden}.panel[data-v-92f3e074]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.panel.hubspot-panel[data-v-92f3e074]{flex:1;display:flex;flex-direction:column}.panel.xero-panel[data-v-92f3e074]{flex:1}.panel.mapping-panel[data-v-92f3e074]{flex:0 0 450px}.panel-header[data-v-92f3e074]{padding:20px;border-bottom:1px solid #e0e0e0}.panel-header h3[data-v-92f3e074]{margin:0 0 15px 0;color:#333}.panel-header .search-controls[data-v-92f3e074]{display:flex;align-items:center}.companies-section[data-v-92f3e074]{border-bottom:1px solid #e0e0e0}.companies-section[data-v-92f3e074],.contacts-section[data-v-92f3e074]{flex:1;display:flex;flex-direction:column}.section-header[data-v-92f3e074]{padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#fafafa}.section-header h3[data-v-92f3e074]{margin:0 0 10px 0;color:#333;font-size:16px}.section-header .search-controls[data-v-92f3e074]{display:flex;align-items:center}.company-list[data-v-92f3e074]{flex:1;overflow-y:auto;padding:10px}.company-item[data-v-92f3e074]{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.company-item[data-v-92f3e074]:hover{border-color:#409eff;background:#f0f9ff}.company-item.selected[data-v-92f3e074]{border-color:#409eff;background:#e6f7ff}.company-item .company-info[data-v-92f3e074]{flex:1}.company-item .company-info .name[data-v-92f3e074]{font-weight:600;color:#333;margin-bottom:4px}.company-item .company-info .domain[data-v-92f3e074]{font-size:12px;color:#666;margin-bottom:2px}.company-item .company-info .industry[data-v-92f3e074]{font-size:11px;color:#999}.company-item .company-meta[data-v-92f3e074]{text-align:right}.contact-list[data-v-92f3e074]{flex:1;overflow-y:auto;padding:10px}.contact-item[data-v-92f3e074]{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.contact-item[data-v-92f3e074]:hover{border-color:#409eff;background:#f0f9ff}.contact-item.selected[data-v-92f3e074]{border-color:#409eff;background:#e6f7ff}.contact-item.company-match[data-v-92f3e074]{border-left:4px solid #67c23a}.contact-info[data-v-92f3e074]{flex:1}.contact-info .name[data-v-92f3e074]{font-weight:600;color:#333;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.contact-info .email[data-v-92f3e074]{color:#666;font-size:14px;margin-bottom:2px}.contact-info .company[data-v-92f3e074]{color:#999;font-size:12px}.source[data-v-92f3e074],.sync-status[data-v-92f3e074]{flex-shrink:0}.mapping-content[data-v-92f3e074]{padding:20px;overflow-y:auto}.selected-company[data-v-92f3e074]{margin-bottom:20px}.selected-company h4[data-v-92f3e074]{margin:0 0 15px 0;color:#333}.selected-company .company-card[data-v-92f3e074]{background:#f0f9ff;border:1px solid #409eff;border-radius:6px;padding:15px}.selected-company .company-card .company-header[data-v-92f3e074]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.selected-company .company-card .company-header h5[data-v-92f3e074]{margin:0;color:#333}.selected-company .company-card .company-details p[data-v-92f3e074]{margin:0 0 6px 0;font-size:14px}.selected-company .company-card .company-details p[data-v-92f3e074]:last-child{margin-bottom:0}.selected-contacts[data-v-92f3e074]{margin-bottom:20px}.selected-contacts h4[data-v-92f3e074]{margin:0 0 15px 0;color:#333}.selected-contacts .contacts-cards[data-v-92f3e074]{display:flex;flex-direction:column;gap:8px}.selected-contacts .contact-card[data-v-92f3e074]{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:10px}.selected-contacts .contact-card .contact-header[data-v-92f3e074]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.selected-contacts .contact-card .contact-header .name[data-v-92f3e074]{font-weight:600;color:#333}.selected-contacts .contact-card .contact-details p[data-v-92f3e074]{margin:0 0 4px 0;font-size:12px;color:#666}.selected-contacts .contact-card .contact-details p[data-v-92f3e074]:last-child{margin-bottom:0}.selected-contact[data-v-92f3e074]{margin-bottom:30px}.selected-contact h4[data-v-92f3e074]{margin:0 0 15px 0;color:#333}.selected-contact .contact-details[data-v-92f3e074]{background:#f9f9f9;padding:15px;border-radius:6px}.selected-contact .contact-details p[data-v-92f3e074]{margin:0 0 8px 0}.selected-contact .contact-details p[data-v-92f3e074]:last-child{margin-bottom:0}.mapping-options h4[data-v-92f3e074]{margin:0 0 20px 0;color:#333}.mapping-option[data-v-92f3e074]{margin-bottom:20px}.mapping-option .el-radio[data-v-92f3e074]{display:block;margin-bottom:10px}.mapping-actions[data-v-92f3e074]{margin-top:30px;display:flex;gap:10px}.no-selection[data-v-92f3e074]{padding:40px 20px;text-align:center;color:#999}.selected-xero-details[data-v-92f3e074]{margin-top:20px;padding:15px;background:#f9f9f9;border-radius:6px}.selected-xero-details .details-header[data-v-92f3e074]{margin-bottom:15px}.selected-xero-details .details-header h4[data-v-92f3e074]{margin:0;color:#333}.selected-xero-details .contact-details p[data-v-92f3e074]{margin:0 0 8px 0;font-size:14px}.selected-xero-details .contact-details p[data-v-92f3e074]:last-child{margin-bottom:0}.selected-xero-details .additional-contacts[data-v-92f3e074]{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.selected-xero-details .additional-contacts h5[data-v-92f3e074]{margin:0 0 10px 0;color:#333;font-size:14px}.selected-xero-details .additional-contacts .additional-contact[data-v-92f3e074]{padding:8px;margin-bottom:8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.selected-xero-details .additional-contacts .additional-contact .contact-name[data-v-92f3e074]{font-weight:600;color:#333;margin-bottom:4px}.selected-xero-details .additional-contacts .additional-contact .contact-email[data-v-92f3e074]{color:#666;font-size:12px;margin-bottom:4px}.selected-xero-details .additional-contacts .additional-contact .contact-role[data-v-92f3e074]{margin-top:4px}@media(max-width:1200px){.content[data-v-92f3e074]{flex-direction:column;height:auto}.panel.mapping-panel[data-v-92f3e074]{flex:none;order:-1}.contact-list[data-v-92f3e074]{max-height:400px}}