.app{min-height:100vh;display:flex;background-color:#fafbfc}.app-main{flex:1;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.app.sidebar-collapsed .app-main{margin-left:80px}.app-content{flex:1;max-width:1400px;margin:0 auto;padding:0;width:100%;background-color:#fafbfc}.steps-container{background:#fff;padding:var(--spacing-xl);border-radius:8px;border:1px solid #f0f0f0;margin-bottom:var(--spacing-xl);animation:fadeInUp .5s ease-out;box-shadow:0 1px 3px #0000000d}.section-container{margin-bottom:var(--spacing-lg);animation:fadeInUp .5s ease-out}.action-button-container{text-align:center;margin:var(--spacing-xl) 0;animation:fadeInUp .5s ease-out}.match-button{height:48px;padding:0 var(--spacing-lg);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border-radius:6px;transition:all var(--transition-duration) var(--transition-easing);min-width:140px}.match-button:hover{transform:translateY(-2px)}.match-button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1280px){.app-content{max-width:100%;padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width: 1024px){.app-main{margin-left:240px}.app.sidebar-collapsed .app-main{margin-left:70px}}@media (max-width: 768px){.app-main{margin-left:200px}.app.sidebar-collapsed .app-main{margin-left:60px}.app-header h1{font-size:var(--font-size-h2)}.header-subtitle{font-size:12px}.app-content,.steps-container{padding:var(--spacing-md) var(--spacing-md)}.match-button{width:100%;max-width:300px}.steps-container .ant-steps{flex-direction:column}}@media (max-width: 480px){.app-main{margin-left:180px}.app.sidebar-collapsed .app-main{margin-left:50px}.app-header{padding:var(--spacing-md) var(--spacing-sm)}.app-header h1{font-size:var(--font-size-h3)}.header-subtitle{font-size:11px}.app-content,.steps-container{padding:var(--spacing-md) var(--spacing-sm)}.action-button-container{margin:var(--spacing-lg) 0}.match-button{height:44px;font-size:14px;padding:0 var(--spacing-md)}}.ant-card{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;transition:all var(--transition-duration) var(--transition-easing);box-shadow:0 1px 3px #0000000d}.ant-card:hover{border-color:var(--color-primary);background-color:#fff;box-shadow:0 2px 6px #00000014}.ant-card-head{border-bottom:1px solid #f0f0f0;font-weight:var(--font-weight-semibold);background-color:#fff}@media (max-width: 768px){.ant-table{font-size:var(--font-size-small)}.ant-table-thead>tr>th{padding:var(--spacing-sm) var(--spacing-xs)}.ant-table-tbody>tr>td{padding:var(--spacing-sm) var(--spacing-xs)}}.app-content-page{padding:32px 24px;max-width:1400px;margin:0 auto}@media (max-width: 768px){.app-content-page{padding:16px 12px}.page-header{margin-bottom:24px}.page-header h1{font-size:20px}}.side-navigation{width:280px;background:#fff;height:100vh;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);border-right:1px solid #f0f0f0;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 8px #0000000a}.side-navigation.collapsed{width:80px}.nav-header{padding:24px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;flex-shrink:0}.nav-logo{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.nav-logo h1{margin:0;color:#1890ff;font-size:18px;font-weight:700;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.logo-icon{font-size:24px;flex-shrink:0}.toggle-btn{color:#666!important;font-size:18px;padding:6px!important;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px}.toggle-btn:hover{color:#1890ff!important;background-color:#f5f5f5!important}.nav-menu{flex:1;background:transparent!important;border:none!important;padding:16px 8px;overflow-y:auto}.nav-menu :global(.ant-menu-item){color:#666!important;background-color:transparent!important;transition:all .3s cubic-bezier(.4,0,.2,1);margin:6px 0!important;border-radius:8px!important;padding:12px 16px!important;font-weight:500;font-size:14px;height:44px;display:flex;align-items:center}.nav-menu :global(.ant-menu-item:hover){color:#1890ff!important;background-color:#f5f5f5!important}.nav-menu :global(.ant-menu-item-selected){color:#1890ff!important;background-color:#e6f7ff!important;font-weight:600}.nav-menu :global(.ant-menu-item-selected:after){border-right:3px solid #1890ff!important;right:0!important}.nav-menu :global(.ant-menu-item-icon){font-size:16px;min-width:24px;color:inherit}.nav-menu :global(.ant-menu-inline-collapsed){width:100%}.nav-menu :global(.ant-menu-inline-collapsed .ant-menu-item){padding:12px!important;text-align:center;justify-content:center}.nav-footer{padding:16px;border-top:1px solid #f0f0f0;flex-shrink:0}.footer-text{color:#999;font-size:12px;text-align:center}.footer-text p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-navigation::-webkit-scrollbar{width:6px}.side-navigation::-webkit-scrollbar-track{background:transparent}.side-navigation::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.side-navigation::-webkit-scrollbar-thumb:hover{background:#bfbfbf}@media (max-width: 1024px){.side-navigation{width:240px}.side-navigation.collapsed{width:70px}.nav-logo h1{font-size:16px}.logo-icon{font-size:20px}}@media (max-width: 768px){.side-navigation{width:200px;position:fixed;left:0;top:0;height:100vh;z-index:999}.side-navigation.collapsed{width:60px}.nav-header{padding:16px}.nav-logo h1{font-size:14px}.logo-icon{font-size:18px}.nav-menu :global(.ant-menu-item){padding:10px 12px!important;font-size:13px;height:40px}}@media (max-width: 480px){.side-navigation{width:180px}.side-navigation.collapsed{width:50px}.nav-header{padding:12px}.nav-logo h1{font-size:12px}.logo-icon{font-size:16px}.nav-menu :global(.ant-menu-item){padding:8px 10px!important;font-size:12px;margin:4px 0!important;height:36px}}.data-matching-page-v2{display:flex;flex-direction:column;height:100vh;background-color:#fafbfc}.step-indicator-wrapper{padding:16px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;box-shadow:0 1px 3px #00000005}.step-content-wrapper{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;background-color:#fafbfc}.step-content-inner{flex:1;background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column}.step-navigation-wrapper{padding:16px 20px;background-color:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;display:flex;justify-content:center;gap:16px;box-shadow:0 -1px 3px #00000005}.step2-layout{display:flex;gap:24px;width:100%;min-height:0;align-items:flex-start;padding:0 12px}.step2-left{flex:0 0 60%;min-width:0;border-right:1px solid #f0f0f0;overflow:hidden;max-height:calc(100vh - 200px);overflow-y:auto}.step2-right{flex:0 0 40%;overflow:hidden;max-height:calc(100vh - 200px);overflow-y:auto}.step2-left::-webkit-scrollbar,.step2-right::-webkit-scrollbar,.step-content-inner::-webkit-scrollbar{width:6px}.step2-left::-webkit-scrollbar-track,.step2-right::-webkit-scrollbar-track,.step-content-inner::-webkit-scrollbar-track{background:transparent;border-radius:3px}.step2-left::-webkit-scrollbar-thumb,.step2-right::-webkit-scrollbar-thumb,.step-content-inner::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.step2-left::-webkit-scrollbar-thumb:hover,.step2-right::-webkit-scrollbar-thumb:hover,.step-content-inner::-webkit-scrollbar-thumb:hover{background:#999}.section-container{margin-bottom:0}.section-container h2{margin-top:0;margin-bottom:12px;font-size:22px;font-weight:600;color:#0a0a0a;letter-spacing:-.3px}.section-container>p{margin-bottom:24px;color:#666;font-size:14px;line-height:1.6}.action-button-container{margin-top:16px;text-align:center}@media (max-width: 1200px){.step2-right{flex:0 0 280px}.step-indicator-wrapper{padding:18px 32px}.step-content-wrapper{padding:32px}.step-navigation-wrapper{padding:18px 32px}.step-content-inner{padding:32px}}@media (max-width: 768px){.data-matching-page-v2{height:auto}.step2-layout{flex-direction:column;gap:24px;height:auto}.step2-left{border-right:none;border-bottom:1px solid #f0f0f0;padding-right:0;padding-bottom:24px;max-height:400px}.step2-right{flex:1;padding-left:0;padding-top:24px;max-height:400px}.step-content-wrapper{padding:20px}.step-content-inner{padding:24px;border-radius:6px}.step-navigation-wrapper{flex-wrap:wrap;padding:16px 20px}.step-indicator-wrapper{padding:16px 20px}.section-container h2{font-size:18px}}.step-indicator-container{padding:0;background-color:transparent;border-radius:0;margin-bottom:0}.step-indicator-container .ant-steps{margin:0}.step-indicator-container .ant-steps-item-title{font-size:14px;font-weight:500}.step-indicator-container .ant-steps-item-description{font-size:12px;color:#999}.step-content-container{position:relative;width:100%;min-height:400px}.step-content{width:100%;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-0,.step-1,.step-2,.step-3{padding:20px}.step-navigation-container{display:flex;justify-content:center;gap:16px;margin-top:0;padding:0;border-top:none}.step-nav-button{min-width:120px;height:40px;font-size:14px;font-weight:500;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-nav-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.step-nav-button:disabled{opacity:.5;cursor:not-allowed}.custom-select-container{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.custom-select-input{position:relative;display:flex;align-items:center;padding:0;border:1px solid #d9d9d9;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .3s ease;min-height:40px;height:40px;box-sizing:border-box;width:100%;min-width:280px}.custom-select-input:hover{border-color:#40a9ff}.custom-select-input.open{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.custom-select-search{flex:1;border:none;outline:none;padding:10px 12px;font-size:16px;line-height:1.5;background-color:transparent;cursor:pointer;box-sizing:border-box;min-height:40px;height:40px;font-family:inherit;width:100%}.custom-select-search:focus{outline:none}.custom-select-arrow{padding:0 12px;color:#666;font-size:12px;pointer-events:none;transition:transform .3s ease;flex-shrink:0;display:flex;align-items:center;height:40px}.custom-select-input.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 3px 12px #0003;z-index:9999;max-height:400px;overflow-y:auto;min-width:100%;box-sizing:border-box;width:100%}.custom-select-options{padding:4px 0}.custom-select-option{padding:14px 16px;font-size:16px;line-height:1.6;cursor:pointer;transition:background-color .2s ease;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;min-height:44px;display:flex;align-items:center}.custom-select-option:hover{background-color:#f5f5f5}.custom-select-option.highlighted{background-color:#e6f7ff;color:#1890ff}.custom-select-option.selected{background-color:#e6f7ff;color:#1890ff;font-weight:500}.custom-select-option.selected.highlighted{background-color:#bae7ff;color:#0050b3}.custom-select-no-options{padding:14px 16px;font-size:16px;color:#999;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#555}.column-selection-modal{padding:20px}.column-selection-modal .modal-content{background:#fff;border-radius:4px;max-width:600px;margin:0 auto}.column-selection-modal h2{margin-top:0;color:#333;font-size:18px;margin-bottom:24px;font-weight:600}.column-selection-modal .column-selector{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}.column-selection-modal label{display:flex;flex-direction:column;font-weight:500;color:#333;gap:8px;font-size:14px;min-width:280px}.column-selection-modal .error-messages{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;padding:16px;margin-bottom:24px}.column-selection-modal .error-message{color:#ff4d4f;font-size:14px;margin-bottom:8px;line-height:1.5}.column-selection-modal .error-message:last-child{margin-bottom:0}.column-selection-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.column-selection-modal button{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;min-width:80px}.column-selection-modal .btn-confirm{background-color:#1890ff;color:#fff}.column-selection-modal .btn-confirm:hover{background-color:#40a9ff;box-shadow:0 2px 8px #1890ff4d}.column-selection-modal .btn-cancel{background-color:#f5f5f5;color:#333;border:1px solid #d9d9d9}.column-selection-modal .btn-cancel:hover{border-color:#40a9ff;color:#40a9ff}.preview-modal{padding:20px}.preview-modal .modal-content{background:#fff;border-radius:4px}.preview-modal h2{margin-top:0;color:#333;font-size:18px;margin-bottom:20px}.preview-modal .loading{text-align:center;padding:40px;color:#666}.preview-modal .error{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;padding:15px;color:#ff4d4f;margin-bottom:20px}.preview-modal .error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;padding:12px;color:#ff4d4f;margin-bottom:10px}.preview-modal .error-details{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;padding:10px;font-size:12px;color:#666;margin-top:10px}.preview-modal .preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;padding:15px;background-color:#f5f5f5;border-radius:4px}.preview-modal .summary-item{display:flex;justify-content:space-between;align-items:center}.preview-modal .summary-item .label{font-weight:500;color:#666}.preview-modal .summary-item .value{font-size:18px;font-weight:700;color:#1890ff}.preview-modal .preview-actions{margin-bottom:20px}.preview-modal .btn-toggle-comparison{padding:8px 16px;background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .3s}.preview-modal .btn-toggle-comparison:hover{border-color:#40a9ff;color:#40a9ff}.preview-modal .data-comparison,.preview-modal .comparison-section{margin-bottom:20px}.preview-modal .comparison-section h3{margin-top:0;color:#333;font-size:14px;margin-bottom:10px}.preview-modal .data-table{overflow-x:auto;border:1px solid #d9d9d9;border-radius:4px}.preview-modal table{width:100%;border-collapse:collapse;font-size:12px}.preview-modal th{background-color:#fafafa;padding:8px;text-align:left;font-weight:500;border-bottom:1px solid #d9d9d9}.preview-modal td{padding:8px;border-bottom:1px solid #f0f0f0}.preview-modal tr:hover{background-color:#f5f5f5}.preview-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.preview-modal button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.preview-modal .btn-confirm{background-color:#52c41a;color:#fff}.preview-modal .btn-confirm:hover{background-color:#73d13d}.preview-modal .btn-cancel{background-color:#f5f5f5;color:#333;border:1px solid #d9d9d9}.preview-modal .btn-cancel:hover{border-color:#40a9ff;color:#40a9ff}.average-price-panel,.merge-products-panel{width:100%}.average-price-panel .error-container,.merge-products-panel .error-container{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;padding:20px;text-align:center}.average-price-panel .error-container h3,.merge-products-panel .error-container h3{color:#ff4d4f;margin-top:0}.average-price-panel .error-container p,.merge-products-panel .error-container p{color:#ff4d4f;margin-bottom:15px}.average-price-panel .error-container button,.merge-products-panel .error-container button{padding:8px 16px;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.average-price-panel .error-container button:hover,.merge-products-panel .error-container button:hover{background-color:#ff7875}.average-price-panel .completion-message,.merge-products-panel .completion-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;padding:20px;text-align:center}.average-price-panel .completion-message h3,.merge-products-panel .completion-message h3{color:#52c41a;margin-top:0}.average-price-panel .completion-message p,.merge-products-panel .completion-message p{color:#666;margin-bottom:15px}.average-price-panel .completion-message button,.merge-products-panel .completion-message button{padding:8px 16px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s}.average-price-panel .completion-message button:hover,.merge-products-panel .completion-message button:hover{background-color:#73d13d}.batch-input-component{padding:16px;background:#fafafa;border-radius:4px}.input-section{margin-bottom:16px}.input-label{display:block;margin-bottom:8px;font-weight:500;color:#000000d9}.batch-input-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;line-height:1.5}.validation-section{margin-top:16px}.validation-stats{margin-bottom:16px}.validation-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.invalid-items{margin-top:12px;padding:12px;background:#fff7e6;border-radius:4px;border-left:4px solid #faad14}.invalid-items-title{margin:0 0 8px;font-weight:500;color:#000000d9}.invalid-items-list{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.batch-input-component{padding:12px}.validation-tags{gap:4px}.action-buttons{justify-content:flex-start}}.file-upload-component{padding:16px;background:#fafafa;border-radius:4px}.upload-section{text-align:center;padding:20px;background:#fff;border:2px dashed #d9d9d9;border-radius:4px;transition:all .3s}.upload-section:hover{border-color:#40a9ff;background:#f5f7fa}.batch-upload{display:inline-block}.upload-hint{margin-top:12px;color:#00000073;font-size:12px}.upload-progress{margin-top:16px;padding:12px;background:#fff;border-radius:4px}.parse-result{margin-top:16px}.file-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.parse-stats{margin-bottom:16px;padding:12px;background:#f0f5ff;border-radius:4px}.action-buttons{margin-top:16px;display:flex;justify-content:flex-end}@media (max-width: 768px){.file-upload-component{padding:12px}.upload-section{padding:16px}.action-buttons{justify-content:flex-start}}.search-progress-component{padding:16px;background:#fafafa;border-radius:4px}.progress-section{margin-bottom:16px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-title{font-weight:500;color:#000000d9}.progress-percentage{color:#00000073;font-size:12px}.statistics-section,.performance-section{margin-bottom:16px}.status-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}@media (max-width: 768px){.search-progress-component{padding:12px}.progress-header{flex-direction:column;align-items:flex-start}.progress-percentage{margin-top:4px}}.batch-results-component{padding:16px;background:#fafafa;border-radius:4px}.statistics-section{margin-bottom:16px;padding:12px;background:#f0f5ff;border-radius:4px}.filter-section{margin-bottom:16px;padding:12px;background:#fff;border-radius:4px}.export-section{margin-bottom:16px;display:flex;justify-content:flex-end}.results-table{background:#fff;border-radius:4px;overflow:hidden}.barcode-text{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-weight:500;color:#1890ff}@media (max-width: 768px){.batch-results-component{padding:12px}.filter-section{padding:8px}.export-section{justify-content:flex-start}}.batch-search-workflow{width:100%}.workflow-step{margin-bottom:16px}.workflow-card{box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.results-actions{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end}@media (max-width: 768px){.results-actions{justify-content:flex-start}}.quick-find-page{padding:32px 24px;max-width:1400px;margin:0 auto}.search-card{border-radius:8px;box-shadow:0 1px 4px #00000014}.search-input-group{display:flex;gap:12px;margin-bottom:24px}.search-input-group :global(.ant-input){flex:1}.search-input-group :global(.ant-btn){min-width:100px}.search-results{margin-top:24px}.search-results :global(.ant-table){border-radius:4px}.search-results :global(.ant-table-thead>tr>th){background-color:#fafafa;font-weight:600}.search-results :global(.ant-table-tbody>tr:hover>td){background-color:#f5f5f5}@media (max-width: 768px){.quick-find-page{padding:16px 12px}.page-header{margin-bottom:24px}.page-header h1{font-size:20px}.search-input-group{flex-direction:column}.search-input-group :global(.ant-btn){width:100%}}.data-transform-page{padding:32px 24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px;text-align:center}.page-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:#333}.page-header p{margin:0;font-size:14px;color:#666}.transform-container{display:flex;flex-direction:column;gap:24px}.upload-section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.upload-card{padding:24px;border:1px solid #d9d9d9;border-radius:8px;background-color:#fafafa}.upload-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.upload-card :global(.ant-btn){width:100%}.file-info{margin-top:16px;padding:12px;background-color:#fff;border-radius:4px;border-left:3px solid #1890ff}.file-info p{margin:4px 0;font-size:12px;color:#666}.mapping-card{border-radius:8px;box-shadow:0 1px 4px #00000014}.mapping-actions{margin-bottom:16px}.preview-card{border-radius:8px;box-shadow:0 1px 4px #00000014}.preview-card :global(.ant-table){border-radius:4px}.preview-card :global(.ant-table-thead>tr>th){background-color:#fafafa;font-weight:600}.preview-card :global(.ant-table-tbody>tr:hover>td){background-color:#f5f5f5}.action-buttons{display:flex;justify-content:center;padding:24px;background-color:#fafafa;border-radius:8px}@media (max-width: 768px){.data-transform-page{padding:16px 12px}.page-header{margin-bottom:24px}.page-header h1{font-size:20px}.upload-section{grid-template-columns:1fr}.upload-card{padding:16px}.action-buttons{flex-direction:column}.action-buttons :global(.ant-space){width:100%}.action-buttons :global(.ant-btn){width:100%}}.product-comparison-page{padding:20px;min-height:100vh;background-color:#f5f5f5}.comparison-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.comparison-card :global(.ant-card-head){background-color:#fafafa;border-bottom:1px solid #f0f0f0}.comparison-card :global(.ant-card-body){padding:24px}@media (max-width: 768px){.product-comparison-page{padding:12px}.comparison-card :global(.ant-card-body){padding:16px}}.file-upload-component{padding:20px;background:#f5f5f5;border-radius:8px}.upload-section{margin-bottom:20px;display:flex;align-items:center;gap:10px}.table-name-label{font-weight:500;min-width:80px}.table-name-input{flex:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .3s}.table-name-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.table-name-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.table-list-component{padding:20px;background:#fff;border-radius:8px}.table-list-component :global(.ant-table){font-size:14px}.table-list-component :global(.ant-table-thead>tr>th){background-color:#fafafa;font-weight:600}.table-list-component :global(.ant-table-tbody>tr:hover>td){background-color:#f5f5f5}.table-detail-component{padding:20px}.detail-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.detail-header h2{margin:0;font-size:24px;font-weight:600}.metadata-card,.columns-card,.data-card{margin-bottom:20px}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metadata-item{display:flex;flex-direction:column;gap:5px}.metadata-item.full-width{grid-column:1 / -1}.metadata-item .label{font-weight:600;color:#666;font-size:12px;text-transform:uppercase}.metadata-item .value{font-size:14px;color:#333}.columns-card :global(.ant-table){font-size:13px}.data-card :global(.ant-table){font-size:13px}.table-management-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{margin:0 0 10px;font-size:28px;font-weight:600}.page-header p{margin:0;color:#666;font-size:14px}.table-management-page :global(.ant-tabs){background:#fff;border-radius:8px;padding:0}.table-management-page :global(.ant-tabs-nav){margin:0;padding:0 20px;border-bottom:1px solid #f0f0f0}.table-management-page :global(.ant-tabs-content){padding:0}.table-management-page :global(.ant-tabs-tabpane){padding:20px}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:24px;background-color:#fafafa}.not-found-page :global(.ant-result){background-color:#fff;border-radius:8px;padding:48px 24px;box-shadow:0 1px 4px #00000014}.not-found-page :global(.ant-result-title){font-size:48px;font-weight:600;color:#333}.not-found-page :global(.ant-result-subtitle){font-size:16px;color:#666}:root{--color-primary: #1890FF;--color-primary-light: #E6F7FF;--color-primary-dark: #0050B3;--color-success: #52C41A;--color-warning: #FAAD14;--color-error: #F5222D;--color-info: #1890FF;--color-background: #FFFFFF;--color-surface: #FAFAFA;--color-border: #D9D9D9;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-disabled: #CCCCCC;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-h1: 32px;--font-size-h2: 28px;--font-size-h3: 24px;--font-size-h4: 18px;--font-size-body: 14px;--font-size-small: 12px;--font-size-table: 13px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.35;--line-height-body: 1.5;--line-height-table: 1.4;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px;--transition-duration: .3s;--transition-easing: ease-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-background)}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-sm)}h5,h6{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-duration) var(--transition-easing)}a:hover,a:active{color:var(--color-primary-dark)}code{font-family:Courier New,Courier,monospace;background-color:var(--color-surface);padding:2px 6px;border-radius:var(--radius-small);font-size:.9em}pre{background-color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-medium);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{background-color:transparent;padding:0}ul,ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-sm)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md)}th{background-color:var(--color-surface);padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--color-border)}td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}tr:nth-child(2n){background-color:var(--color-surface)}tr:hover{background-color:var(--color-primary-light)}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:disabled{opacity:.6;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-small)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}@media (max-width: 1280px){:root{font-size:15px}}@media (max-width: 768px){:root{font-size:14px}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}}@media (max-width: 480px){:root{font-size:13px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:14px}}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-medium);padding:var(--spacing-lg);transition:all var(--transition-duration) var(--transition-easing)}.card:hover{border-color:var(--color-primary)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-header h3{margin:0;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{margin-bottom:var(--spacing-lg)}.card-body p{margin-bottom:var(--spacing-md);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.card-body p:last-child{margin-bottom:0}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.ant-card{border-radius:var(--radius-medium);border:1px solid var(--color-border);background-color:var(--color-background);transition:all var(--transition-duration) var(--transition-easing)}.ant-card:hover{border-color:var(--color-primary)}.ant-card-head{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.ant-card-head-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ant-card-body{padding:var(--spacing-lg)}.ant-card-extra{display:flex;gap:var(--spacing-md)}.card-primary{border-color:var(--color-primary);background-color:var(--color-primary-light)}.card-success{border-color:var(--color-success);background-color:#52c41a1a}.card-warning{border-color:var(--color-warning);background-color:#faad141a}.card-error{border-color:var(--color-error);background-color:#f5222d1a}@media (max-width: 768px){.card{padding:var(--spacing-md)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.card-body{margin-bottom:var(--spacing-md)}.card-footer{flex-direction:column;gap:var(--spacing-sm)}.ant-card-head,.ant-card-body{padding:var(--spacing-md)}}@media (max-width: 480px){.card{padding:var(--spacing-sm)}.card-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.card-body{margin-bottom:var(--spacing-sm)}.card-footer{gap:var(--spacing-xs)}.ant-card-head,.ant-card-body{padding:var(--spacing-sm)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-lg{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-size-body)}.btn-md{height:32px;padding:0 var(--spacing-md);font-size:var(--font-size-small)}.btn-sm{height:24px;padding:0 var(--spacing-sm);font-size:12px}.btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(0)}.btn-primary:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);color:var(--color-text-tertiary)}.btn-secondary{background-color:var(--color-background);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){background-color:var(--color-primary-light);transform:translateY(0)}.btn-secondary:disabled{background-color:var(--color-surface);border-color:var(--color-disabled);color:var(--color-disabled)}.btn-default{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-default:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-default:active:not(:disabled){border-color:var(--color-primary-dark);color:var(--color-primary-dark);transform:translateY(0)}.btn-default:disabled{background-color:var(--color-surface);border-color:var(--color-disabled);color:var(--color-disabled)}.btn-danger{background-color:var(--color-error);color:#fff;border:1px solid var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#d9001b;border-color:#d9001b;transform:translateY(-2px)}.btn-danger:active:not(:disabled){background-color:#d9001b;transform:translateY(0)}.btn-danger:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);color:var(--color-text-tertiary)}.btn-success{background-color:var(--color-success);color:#fff;border:1px solid var(--color-success)}.btn-success:hover:not(:disabled){background-color:#389e0d;border-color:#389e0d;transform:translateY(-2px)}.btn-success:active:not(:disabled){background-color:#389e0d;transform:translateY(0)}.btn-success:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);color:var(--color-text-tertiary)}.btn-warning{background-color:var(--color-warning);color:#fff;border:1px solid var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:#d48806;border-color:#d48806;transform:translateY(-2px)}.btn-warning:active:not(:disabled){background-color:#d48806;transform:translateY(0)}.btn-warning:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);color:var(--color-text-tertiary)}.btn-text{background-color:transparent;color:var(--color-primary);border:none}.btn-text:hover:not(:disabled){background-color:var(--color-primary-light);transform:translateY(-2px)}.btn-text:active:not(:disabled){background-color:var(--color-primary-light);transform:translateY(0)}.btn-text:disabled{color:var(--color-disabled)}.btn.loading{pointer-events:none;opacity:.8}.btn.loading:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ant-btn{height:auto;border-radius:var(--radius-medium);font-weight:var(--font-weight-semibold);transition:all var(--transition-duration) var(--transition-easing);border:1px solid transparent;padding:10px 24px!important;font-size:14px;min-width:100px}.ant-btn-lg{padding:12px 32px!important;font-size:15px;min-width:120px}.ant-btn-sm{padding:8px 16px!important;font-size:13px;min-width:80px}.ant-btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;height:44px;display:inline-flex;align-items:center;justify-content:center}.ant-btn-primary:hover{background-color:#0050b3;border-color:#0050b3;transform:translateY(-2px)}.ant-btn-primary:active{background-color:#003a8c;border-color:#003a8c;transform:translateY(0)}.ant-btn-default{border-color:#d9d9d9;color:var(--color-text-primary);background-color:#fff;height:44px;display:inline-flex;align-items:center;justify-content:center}.ant-btn-default:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.ant-btn-dashed{border-color:#d9d9d9;color:var(--color-text-primary);height:44px;display:inline-flex;align-items:center;justify-content:center}.ant-btn-dashed:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.ant-btn-text{color:var(--color-primary);height:44px;display:inline-flex;align-items:center;justify-content:center}.ant-btn-text:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}.ant-btn-danger{background-color:var(--color-error);border-color:var(--color-error);color:#fff;height:44px;display:inline-flex;align-items:center;justify-content:center}.ant-btn-danger:hover{background-color:#d9001b;border-color:#d9001b;transform:translateY(-2px)}@media (max-width: 768px){.btn-lg{height:36px;padding:0 var(--spacing-md)}.btn-md{height:28px;padding:0 var(--spacing-sm)}.btn-sm{height:20px;padding:0 var(--spacing-xs)}}@media (max-width: 480px){.btn{width:100%}.btn-lg{height:40px;padding:0 var(--spacing-md)}.btn-md{height:36px;padding:0 var(--spacing-sm)}.btn-sm{height:28px;padding:0 var(--spacing-xs)}}.table{width:100%;border-collapse:collapse;border-radius:var(--radius-medium);overflow:hidden;border:1px solid var(--color-border)}.table thead{background-color:var(--color-surface)}.table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-table);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--spacing-md);font-size:var(--font-size-table);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);line-height:var(--line-height-table)}.table tbody tr{height:48px}.table tbody tr:nth-child(odd){background-color:var(--color-background)}.table tbody tr:nth-child(2n){background-color:var(--color-surface)}.table tbody tr:hover{background-color:var(--color-primary-light)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--color-border)}.table-compact{font-size:var(--font-size-small)}.table-compact th,.table-compact td{padding:var(--spacing-sm)}.table-compact tbody tr{height:36px}.table-large{font-size:var(--font-size-body)}.table-large th,.table-large td{padding:var(--spacing-lg)}.table-large tbody tr{height:56px}.ant-table{font-size:var(--font-size-table);background-color:#fff}.ant-table-wrapper{border-radius:var(--radius-medium);border:1px solid #e8e8e8;overflow:hidden}.ant-table-thead>tr>th{background-color:#fafbfc;border-bottom:1px solid #e8e8e8;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--spacing-md)}.ant-table-tbody>tr>td{padding:var(--spacing-md);border-bottom:1px solid #f0f0f0;color:var(--color-text-secondary)}.ant-table-tbody>tr{height:48px}.ant-table-tbody>tr:nth-child(odd){background-color:#fff}.ant-table-tbody>tr:nth-child(2n){background-color:#fafbfc}.ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.ant-table-column-sorter{color:var(--color-text-tertiary)}.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active{color:var(--color-primary)}.ant-table-filter-trigger{color:var(--color-text-tertiary)}.ant-table-filter-trigger:hover{color:var(--color-primary)}.ant-pagination{margin-top:var(--spacing-lg)}.ant-pagination-item{border-radius:var(--radius-small);border:1px solid var(--color-border)}.ant-pagination-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.ant-pagination-item-active{background-color:var(--color-primary);border-color:var(--color-primary)}.ant-pagination-item-active a{color:#fff}.ant-table-expanded-row{background-color:var(--color-surface)}.ant-table-loading{opacity:.6}.ant-empty{padding:var(--spacing-xl) var(--spacing-lg)}.ant-empty-description{color:var(--color-text-tertiary)}@media (max-width: 768px){.table th,.table td{padding:var(--spacing-sm);font-size:var(--font-size-small)}.table tbody tr{height:40px}.ant-table-thead>tr>th{padding:var(--spacing-sm);font-size:var(--font-size-small)}.ant-table-tbody>tr>td{padding:var(--spacing-sm);font-size:var(--font-size-small)}.ant-table-tbody>tr{height:40px}.table-hide-mobile{display:none}}@media (max-width: 480px){.table th,.table td{padding:var(--spacing-xs);font-size:11px}.table tbody tr{height:36px}.ant-table-thead>tr>th{padding:var(--spacing-xs);font-size:11px}.ant-table-tbody>tr>td{padding:var(--spacing-xs);font-size:11px}.ant-table-tbody>tr{height:36px}.table-hide-mobile{display:none}.table-responsive{overflow-x:auto}}.input{width:100%;height:40px;padding:0 var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-medium);transition:all var(--transition-duration) var(--transition-easing)}.input:hover{border-color:var(--color-primary)}.input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-background)}.input:disabled{background-color:var(--color-surface);color:var(--color-text-tertiary);cursor:not-allowed}.input::placeholder{color:var(--color-text-tertiary)}.input-lg{height:48px;padding:0 var(--spacing-lg);font-size:var(--font-size-body)}.input-md{height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-body)}.input-sm{height:32px;padding:0 var(--spacing-sm);font-size:var(--font-size-small)}.textarea{width:100%;min-height:120px;padding:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-medium);resize:vertical;transition:all var(--transition-duration) var(--transition-easing)}.textarea:hover{border-color:var(--color-primary)}.textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-background)}.textarea:disabled{background-color:var(--color-surface);color:var(--color-text-tertiary);cursor:not-allowed}.textarea::placeholder{color:var(--color-text-tertiary)}.select{width:100%;height:40px;padding:0 var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-medium);cursor:pointer;transition:all var(--transition-duration) var(--transition-easing);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) + 20px)}.select:hover{border-color:var(--color-primary)}.select:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-background)}.select:disabled{background-color:var(--color-surface);color:var(--color-text-tertiary);cursor:not-allowed}.checkbox{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox label{cursor:pointer;font-size:var(--font-size-body);color:var(--color-text-primary)}.checkbox input[type=checkbox]:disabled+label{color:var(--color-text-tertiary)}.radio{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.radio input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.radio input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.radio label{cursor:pointer;font-size:var(--font-size-body);color:var(--color-text-primary)}.radio input[type=radio]:disabled+label{color:var(--color-text-tertiary)}.input-group{display:flex;align-items:center;gap:var(--spacing-sm)}.input-group .input{flex:1}.input-group-addon{padding:0 var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);font-size:var(--font-size-body);color:var(--color-text-secondary)}.input-error{border-color:var(--color-error)}.input-error:focus{border-color:var(--color-error)}.input-success{border-color:var(--color-success)}.input-success:focus{border-color:var(--color-success)}.input-warning{border-color:var(--color-warning)}.input-warning:focus{border-color:var(--color-warning)}.ant-input{height:40px;padding:0 var(--spacing-md);font-size:var(--font-size-body);border-radius:var(--radius-medium);border:1px solid #d9d9d9;transition:all var(--transition-duration) var(--transition-easing);background-color:#fff}.ant-input:hover{border-color:var(--color-primary)}.ant-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1890ff1a}.ant-input-disabled{background-color:#f5f5f5;color:var(--color-text-tertiary)}.ant-input-status-error{border-color:var(--color-error)}.ant-input-status-error:focus{border-color:var(--color-error)}.ant-input-status-success{border-color:var(--color-success)}.ant-input-status-success:focus{border-color:var(--color-success)}.ant-input-status-warning{border-color:var(--color-warning)}.ant-input-status-warning:focus{border-color:var(--color-warning)}.ant-checkbox-wrapper{color:var(--color-text-primary)}.ant-checkbox-inner{border-color:var(--color-border);border-radius:var(--radius-small)}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--color-primary);border-color:var(--color-primary)}.ant-radio-wrapper{color:var(--color-text-primary)}.ant-radio-inner{border-color:var(--color-border)}.ant-radio-checked .ant-radio-inner{border-color:var(--color-primary)}.ant-radio-checked .ant-radio-inner:after{background-color:var(--color-primary)}@media (max-width: 768px){.input-lg{height:40px;padding:0 var(--spacing-md)}.input-md{height:36px;padding:0 var(--spacing-sm)}.input-sm{height:28px;padding:0 var(--spacing-xs)}.textarea{min-height:100px;padding:var(--spacing-sm)}.input-group{flex-direction:column}.input-group .input{width:100%}}@media (max-width: 480px){.input,.input-lg{height:40px;padding:0 var(--spacing-md)}.input-md{height:36px;padding:0 var(--spacing-sm)}.input-sm{height:28px;padding:0 var(--spacing-xs)}.textarea{min-height:80px;padding:var(--spacing-sm)}.input-group{flex-direction:column}.input-group .input{width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
