*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{width:100%;min-height:100vh;background-color:#f5f5f5;padding:20px}.header{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.header h2{font-size:20px;color:#262626;margin:0}.content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.info-box{padding:16px;border-radius:6px;margin:16px 0;border-left:4px solid}.info-box.warning{background-color:#fffbe6;border-left-color:#faad14}.info-box.info{background-color:#e6f7ff;border-left-color:#1890ff}.info-box h4{margin:0 0 8px;font-size:14px;color:#262626}.info-box ol{margin:8px 0;padding-left:20px;font-size:13px;line-height:1.8;color:#595959}.info-box p{font-size:12px;color:#8c8c8c;margin:8px 0 0}.config-section{margin-top:24px;padding:20px;background-color:#fafafa;border-radius:8px;border:1px solid #e8e8e8}.config-section h3{font-size:16px;color:#262626;margin-bottom:16px}.config-section h4{font-size:14px;color:#595959;margin:16px 0 12px}.form-group{margin-bottom:12px;display:flex;align-items:center}.form-group label{width:120px;font-size:14px;color:#595959;flex-shrink:0}.form-group select{flex:1;height:32px;padding:4px 11px;font-size:14px;border:1px solid #d9d9d9;border-radius:4px;background-color:#fff;transition:all .3s}.form-group select:hover{border-color:#40a9ff}.form-group select:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.field-mapping{margin-top:16px}.sync-button{width:100%;height:36px;margin-top:16px;font-size:14px;font-weight:500;color:#fff;background-color:#1890ff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.sync-button:hover:not(:disabled){background-color:#40a9ff}.sync-button:active:not(:disabled){background-color:#096dd9}.sync-button:disabled{background-color:#d9d9d9;cursor:not-allowed}.footer{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.app-container{padding:12px}.header,.content,.footer{padding:16px}.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:100%;margin-bottom:8px}.form-group select{width:100%}}@media (prefers-color-scheme: dark){.app-container{background-color:#141414}.header,.content,.footer{background-color:#1f1f1f;color:#e8e8e8}.header h2{color:#e8e8e8}.config-section{background-color:#141414;border-color:#303030}.config-section h3,.config-section h4{color:#e8e8e8}.form-group label{color:#bfbfbf}.form-group select{background-color:#1f1f1f;border-color:#434343;color:#e8e8e8}.form-group select:hover{border-color:#177ddc}.form-group select:focus{border-color:#177ddc;box-shadow:0 0 0 2px #177ddc33}}.field-selector{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#fafafa}.field-selector.loading,.field-selector.error{padding:32px;text-align:center;color:#8c8c8c}.field-selector.error{color:#ff4d4f}.search-box{display:flex;gap:8px;margin-bottom:16px}.search-input{flex:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:#1890ff}.select-all-btn{padding:8px 16px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:14px}.select-all-btn:hover{border-color:#1890ff;color:#1890ff}.field-list{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;background:#fff;padding:8px}.field-item{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:4px;transition:background .2s}.field-item:hover{background:#f5f5f5}.field-item input[type=checkbox]{margin-right:8px;cursor:pointer}.field-name{flex:1;font-size:14px}.field-type{font-size:12px;color:#8c8c8c;margin-left:8px}.field-count{margin-top:12px;font-size:13px;color:#595959;text-align:right}.no-results{padding:32px;text-align:center;color:#8c8c8c}.table-config{border:1px solid #e0e0e0;border-radius:8px;padding:24px;background:#fff}.table-config h3{margin:0 0 20px;font-size:18px;color:#262626}.config-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#262626}.form-input,.form-select{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.form-input:focus,.form-select:focus{outline:none;border-color:#1890ff}.config-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 24px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary{background:#1890ff;color:#fff}.btn-primary:hover{background:#40a9ff}.btn-primary:disabled{background:#d9d9d9;cursor:not-allowed}.btn-secondary{background:#fff;color:#262626;border:1px solid #d9d9d9}.btn-secondary:hover{border-color:#1890ff;color:#1890ff}.table-manager{margin-bottom:24px}.table-manager h2{margin:0 0 16px;font-size:20px;color:#262626}.table-list{display:flex;flex-direction:column;gap:16px}.no-tables{padding:48px;text-align:center;color:#8c8c8c;border:2px dashed #d9d9d9;border-radius:8px}.table-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#fff;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .2s}.table-card:hover{box-shadow:0 2px 8px #0000001a}.table-info h3{margin:0 0 8px;font-size:16px;color:#262626}.table-info p{margin:4px 0;font-size:13px;color:#595959}.table-info .last-sync{color:#8c8c8c;font-size:12px}.table-actions{display:flex;gap:8px}.btn-sync,.btn-edit,.btn-delete{padding:6px 16px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s}.btn-sync{background:#52c41a;color:#fff}.btn-sync:hover{background:#73d13d}.btn-sync:disabled{background:#d9d9d9;cursor:not-allowed}.btn-edit{background:#1890ff;color:#fff}.btn-edit:hover{background:#40a9ff}.btn-delete{background:#ff4d4f;color:#fff}.btn-delete:hover{background:#ff7875}.mode-selector{display:flex;gap:8px;margin-bottom:20px;border:1px solid #d9d9d9;border-radius:4px;padding:4px;background:#fafafa}.mode-selector button{flex:1;padding:8px 16px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.mode-selector button.active{background:#1890ff;color:#fff}.mode-selector button:not(.active):hover{background:#e6f7ff}.mode-selector button.disabled,.mode-selector button:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;opacity:.6}.mode-selector button.disabled:hover,.mode-selector button:disabled:hover{background:#f5f5f5}.action-buttons{display:flex;gap:12px;margin-top:24px}.action-buttons button{flex:1}.field-selector.mixed{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.field-count-summary{margin-bottom:16px;padding:12px;background:#e6f7ff;border-left:4px solid #1890ff;border-radius:4px;font-size:14px;color:#262626}.field-count-summary strong{color:#1890ff;font-size:16px}.datasource-panels{display:flex;flex-direction:column;gap:12px}.datasource-panel{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;background:#fff}.panel-header{display:flex;align-items:center;padding:12px 16px;background:#fafafa;cursor:pointer;transition:background .2s;gap:8px}.panel-header:hover{background:#f0f0f0}.expand-icon{font-size:12px;color:#8c8c8c;width:16px;text-align:center}.source-name{flex:1;font-size:14px;font-weight:500;color:#262626}.source-count{font-size:13px;color:#595959;margin-right:8px}.clear-btn,.select-all-btn-small{padding:4px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:12px;cursor:pointer;transition:all .2s}.clear-btn{color:#ff4d4f;border-color:#ffccc7}.clear-btn:hover{background:#fff1f0;border-color:#ff4d4f}.select-all-btn-small{color:#1890ff;border-color:#91d5ff}.select-all-btn-small:hover{background:#e6f7ff;border-color:#1890ff}.panel-content{padding:12px;background:#fff;border-top:1px solid #e0e0e0}.panel-content .field-list{max-height:300px;overflow-y:auto;border:none;padding:0}.panel-content .field-item{padding:6px 8px;margin-bottom:4px}.table-selector{width:100%}.table-selector.loading,.table-selector.error{padding:16px;text-align:center;color:#8c8c8c;border:1px solid #e0e0e0;border-radius:4px;background:#fafafa}.table-selector.error{color:#ff4d4f;background:#fff1f0;border-color:#ffccc7}.field-list::-webkit-scrollbar,.panel-content .field-list::-webkit-scrollbar{width:8px}.field-list::-webkit-scrollbar-track,.panel-content .field-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.field-list::-webkit-scrollbar-thumb,.panel-content .field-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.field-list::-webkit-scrollbar-thumb:hover,.panel-content .field-list::-webkit-scrollbar-thumb:hover{background:#8c8c8c}