body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}:root{--primary-blue:#3b82f6;--primary-dark:#1d4ed8;--success-green:#22c55e;--error-red:#ef4444;--warning-orange:#f59e0b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 25px -5px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-dark) 100%);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;padding:1.5rem 0}.header-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 4px #0000001a}.header-content p{font-size:1.1rem;opacity:.9}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.view-toggle-wrapper{display:flex;justify-content:center;margin-bottom:30px;padding:20px 0}.view-button-bar{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:2px;padding:4px}.view-button{background:#0000;border:none;border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:120px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.view-button:hover:not(.active){background-color:#f9fafb;background-color:var(--gray-50);color:#374151;color:var(--gray-700);transform:translateY(-1px)}.view-button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-dark) 100%);box-shadow:0 2px 8px #3b82f64d;color:#fff;transform:translateY(-1px)}.view-button.active:before{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.view-button:active{transform:translateY(0)}.view-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.view-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:50px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:16px;padding:8px}.view-toggle label{border-radius:20px;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:color .2s;-webkit-user-select:none;user-select:none}.view-toggle label.active{background-color:#f8f9ff;color:#3b82f6;color:var(--primary-blue)}.toggle-switch{height:24px;width:48px}.toggle-switch input[type=checkbox]{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;margin:0;padding:0!important;position:absolute;right:0;top:0;transition:.3s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+label{background-color:#3b82f6;background-color:var(--primary-blue)}.toggle-switch input:checked+label:before{transform:translateX(24px)}.toggle-switch input:disabled+label{background-color:#e5e7eb;background-color:var(--gray-200);cursor:not-allowed}.toggle-switch input:disabled+label:before{background-color:#9ca3af;background-color:var(--gray-400)}.connection-required{align-items:center;display:flex;justify-content:center;min-height:60vh}.connection-status-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-lg);max-width:500px;padding:32px;text-align:center}.connection-status-card h2{color:#111827;color:var(--gray-900);font-size:24px;margin-bottom:8px}.connection-status-card p{color:#4b5563;color:var(--gray-600);margin-bottom:24px}.connection-checklist{margin:24px 0}.connection-check{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:16px;text-align:left}.connection-check.connected{background-color:#f0fdf4;border:1px solid #bbf7d0}.connection-check.disconnected{background-color:#fef2f2;border:1px solid #fecaca}.check-icon{font-size:18px}.check-details strong{color:#111827;color:var(--gray-900);display:block;margin-bottom:4px}.check-details p{color:#4b5563;color:var(--gray-600);font-size:14px;margin:0}.error-text{color:#ef4444!important;color:var(--error-red)!important;font-size:12px!important}.connection-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.connect-btn{border-radius:8px;font-size:14px;font-weight:600;min-width:140px;padding:12px 24px}.connect-btn.primary{background-color:#3b82f6;background-color:var(--primary-blue);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.connect-btn.primary:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--primary-dark);transform:translateY(-1px)}.connect-btn.primary:disabled{background-color:#6b7280;background-color:var(--gray-500);cursor:not-allowed;transform:none}.connect-btn.primary:active{transform:translateY(0)}.error-banner{align-items:center;animation:slideDown .3s ease-out;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner button{align-items:center;background:none;border:none;border-radius:50%;color:#991b1b;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.error-banner button:hover{background-color:#991b1b1a}@media (max-width:768px){.header-content h1{font-size:2rem}.connection-status-card{margin:0 16px;padding:24px}.connection-status-card h2{font-size:20px}.connection-actions{align-items:stretch;flex-direction:column}.connect-btn.primary{min-width:auto;width:100%}.view-button-bar{border-radius:12px;flex-direction:column;gap:4px;padding:8px}.view-button{min-width:auto;width:100%}.view-toggle{border-radius:12px;flex-direction:column;gap:12px;padding:16px}.toggle-switch{order:-1}}@media (max-width:480px){.main-content{padding:1rem}.view-button{font-size:13px;padding:10px 16px}}.connection-status-bar{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px auto;max-width:800px;overflow:visible;padding:16px 20px}.connection-item,.connection-status-bar{align-items:center;display:flex;justify-content:center}.connection-item{flex:1 1;gap:12px;padding:8px 16px;text-align:center}.connection-item:not(:last-child){border-right:1px solid #dee2e6;margin-right:20px;padding-right:20px}.connection-label{align-items:center;color:#495057;display:flex;font-weight:600;gap:8px;min-width:140px}.service-icon{font-size:16px}.connection-info{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-start;min-width:0}.connection-info.connected{color:#28a745}.connection-info.disconnected{color:#6c757d}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;margin-right:4px;width:10px}.status-dot.active{background-color:#28a745;box-shadow:0 0 0 2px #28a74533}.status-dot.inactive{background-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.user-info{color:#495057;font-size:14px;font-weight:500}.status-text{color:#6c757d;font-size:14px}.connect-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.connect-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.connect-btn:active{transform:translateY(0)}.disconnect-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.disconnect-btn:hover{background-color:#545b62;transform:translateY(-1px)}.disconnect-btn:active{transform:translateY(0)}.connection-info.loading{color:#ffc107}.connection-info.loading .status-dot{animation:pulse 1.5s infinite;background-color:#ffc107;box-shadow:0 0 0 2px #ffc10733}.connection-info.error,.connection-info.error .status-text{color:#dc3545}@media (max-width:768px){.connection-status-bar{flex-direction:column;gap:16px;padding:16px}.connection-item{justify-content:space-between;width:100%}.connection-item:not(:last-child){border-bottom:1px solid #dee2e6;border-right:none;margin-bottom:0;margin-right:0;padding-bottom:16px;padding-right:0}.connection-label{min-width:auto}.connection-info{justify-content:flex-end}}.product-card-container{margin:0 auto;max-width:1200px}.product-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.product-header-bar{background:#e3f2fd;border-bottom:2px solid #90caf9;display:flex}.sku-section{background:#bbdefb;border-right:1px solid #90caf9;flex:0 0 250px;flex-direction:column}.name-section,.sku-section{align-items:center;display:flex;padding:20px}.name-section{flex:1 1;flex-direction:column}.name-title,.sku-title{color:#1565c0;font-size:24px;font-weight:600;letter-spacing:1px;margin:0;text-align:center}.sku-value{font-size:18px;font-weight:500}.name-value,.sku-value{color:#333;margin:8px 0 0;text-align:center}.name-value{font-size:16px;max-width:600px}.dev-mode-toggle-container{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;gap:20px;justify-content:space-between;padding:15px 20px}.toggle-group{align-items:center;display:flex;gap:10px}.toggle-switch{display:inline-block;height:30px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.toggle-slider{background-color:#2196f3}input:checked+.toggle-slider:before{transform:translateX(30px)}.toggle-label{color:#666;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.comparison-table-container{min-width:100%;overflow-x:auto;padding:0}.comparison-table{border-collapse:collapse;min-width:700px;table-layout:fixed;width:100%}.comparison-table,.comparison-table *{box-sizing:border-box}.comparison-table thead{background:#f8f9fa;position:sticky;top:0;z-index:10}.comparison-table thead tr{display:table-row!important}.comparison-table th{border:1px solid #dee2e6;display:table-cell!important;font-weight:600;padding:15px;text-align:center;vertical-align:middle}.field-header{background:#6c757d;color:#fff;max-width:200px;text-align:left;width:200px}.source-header{max-width:250px;min-width:200px;position:relative;white-space:nowrap}.pimly-header{background:#e3f2fd;color:#1565c0}.krowne-header{background:#fff3e0;color:#e65100}.source-header .source-logo{height:24px;margin-right:8px;object-fit:contain;width:24px}.source-header .source-logo,.source-header span{display:inline-block;vertical-align:middle}.comparison-table tbody tr{display:table-row!important}.comparison-table td{border:1px solid #dee2e6;display:table-cell!important;padding:12px 15px;vertical-align:top}.comparison-row td{border-bottom:1px solid #dee2e6}.field-name{background:#f8f9fa;color:#495057;font-weight:500;left:0;max-width:200px;position:sticky;width:200px;z-index:5}.pimly-value{background:#f0f8ff;min-width:200px}.krowne-value{background:#fff8f0;min-width:200px}.comparison-row.mismatch .krowne-value,.comparison-row.mismatch .pimly-value{background:#fff3cd;position:relative}.comparison-row.mismatch .krowne-value:before,.comparison-row.mismatch .pimly-value:before{color:#f0ad4e;content:"⚠";font-size:14px;left:5px;position:absolute;top:12px}.null-value{color:#999;font-style:italic}.empty-value{color:#666;font-style:italic}.value-list{list-style-type:disc;margin:0;padding-left:20px}.value-list li{line-height:1.4;margin:4px 0}.boolean-value{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.boolean-value.true{background:#d4edda;color:#155724}.boolean-value.false{background:#f8d7da;color:#721c24}.link-value{align-items:center;color:#007bff;display:inline-flex;font-weight:500;gap:4px;text-decoration:none}.link-value:hover{text-decoration:underline}.link-value:after{content:"↗";font-size:12px}.text-value{color:#212529;line-height:1.4}.object-value{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;max-height:200px;overflow-y:auto;padding:8px;white-space:pre-wrap}.dev-mode-content{display:flex;flex-direction:column;height:500px}.dev-tabs{background:#f8f9fa;border-bottom:2px solid #dee2e6;display:flex}.dev-tab{background:#0000;border:none;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;position:relative;transition:all .2s}.dev-tab:hover{background:#e9ecef}.dev-tab.active{background:#fff;color:#007bff}.dev-tab.active:after{background:#007bff;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.json-viewer{background:#f8f9fa;flex:1 1;overflow:auto;padding:20px}.json-content{word-wrap:break-word;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;margin:0;padding:15px;white-space:pre-wrap}.sync-section{border-top:1px solid #dee2e6;padding:20px}.sync-section.top-sync{border-bottom:1px solid #dee2e6;border-top:none}.sync-section.bottom-sync,.sync-section.top-sync{background:#f0f8ff;padding:15px 20px}.confirm-sync-button{background:linear-gradient(135deg,#28a745,#1e7e34);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease}.confirm-sync-button.compact{border-radius:6px;box-shadow:0 2px 6px #28a7454d;font-size:14px;padding:8px 16px}.confirm-sync-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.confirm-sync-button:hover:not(:disabled){background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.confirm-sync-button.compact:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.confirm-sync-button:hover:not(:disabled):before{left:100%}.confirm-sync-button:active:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.confirm-sync-button.compact:active:not(:disabled){box-shadow:0 2px 6px #28a7454d;transform:translateY(0)}.confirm-sync-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6}.confirm-sync-button:disabled:before{display:none}.sync-button{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 24px;transition:all .2s}.sync-button:hover:not(:disabled){background:#218838;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.sync-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.sync-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.no-data-message{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:16px;margin:20px 0;padding:40px 20px;text-align:center}.no-data-message .icon{font-size:48px;margin-bottom:10px}.debug-info{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;margin-top:10px;padding:10px}.debug-info h4{color:#666;font-size:14px;margin:0 0 10px}.debug-info pre{background:#fff;border-radius:4px;color:#333;padding:8px}@media (max-width:768px){.product-header-bar{flex-direction:column}.sku-section{border-bottom:1px solid #90caf9;border-right:none;flex:1 1}.comparison-table{font-size:14px;min-width:500px}.source-header{font-size:14px;max-width:180px;min-width:150px;padding:10px}.source-header .source-logo{height:20px;width:20px}.comparison-row td{padding:8px 10px}.dev-tabs{flex-direction:column}.dev-tab{border-bottom:1px solid #dee2e6}.confirm-sync-button.compact{font-size:12px;padding:6px 12px}.sync-section.bottom-sync,.sync-section.top-sync{padding:12px 15px}}@media print{.dev-mode-toggle-container,.sync-section{display:none}.product-card{border:1px solid #000;box-shadow:none}.comparison-table{page-break-inside:avoid}}.subfield-row{background:#fafbfc}.subfield-indicator{font-size:12px;margin-left:5px;opacity:.7}.subfield-container{display:flex;flex-direction:column;gap:8px}.subfield-item{background:#fffc;border:1px solid #e3e6ea;border-radius:4px;display:flex;flex-direction:column;font-size:13px;padding:6px 8px}.subfield-label{color:#495057;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.subfield-value{color:#212529;line-height:1.3;word-break:break-word}.comparison-row.subfield-row .krowne-value,.comparison-row.subfield-row .pimly-value{padding:15px}.comparison-row.subfield-row.mismatch .subfield-container{border-left:3px solid #f0ad4e;padding-left:8px}.comparison-row.match .krowne-value,.comparison-row.match .pimly-value{background:#d4edda!important;border-left:3px solid #28a745}.subfield-item.subfield-match{background:#d4edda!important;border:1px solid #28a745!important}.subfield-item.subfield-match .subfield-label,.subfield-item.subfield-match .subfield-value{color:#155724}.subfield-item.subfield-mismatch{background:#fffc;border:1px solid #e3e6ea}.sku-search-container{margin:0 auto;max-width:1200px;padding:20px}.search-box{align-items:stretch;display:flex;gap:12px;margin-bottom:24px}.search-input-group{align-items:center;display:flex;flex:1 1;position:relative}.sku-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.sku-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sku-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.clear-btn{background:none;border:none;border-radius:4px;color:#6b7280;font-size:16px;font-weight:700;padding:4px 8px;position:absolute;right:8px}.clear-btn:hover{background:#f3f4f6;color:#374151}.clear-btn:disabled{cursor:not-allowed;opacity:.5}.search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.search-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.search-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.auth-warning{background:#fef3c7;border:1px solid #f59e0b;margin-bottom:20px;text-align:center}.auth-warning p{color:#92400e}.error-message{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;font-weight:500;padding:16px}.error-icon{font-size:18px}.search-result-summary{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.status-indicator.status-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-indicator.status-warning{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.status-indicator.status-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.status-indicator.status-error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.mapping-indicator{align-items:center;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:20px;color:#3730a3;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px}.mapping-icon,.status-icon{font-size:16px}.sync-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-top:24px;padding:24px;text-align:center}.sync-info h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.sync-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.sync-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:12px 24px;transition:all .2s ease}.sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.sync-btn:disabled{box-shadow:none;transform:none}.success-message{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;display:flex;font-weight:500;gap:12px;margin-top:20px;padding:16px}.success-icon{font-size:18px}.info-message{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;color:#1e40af;display:flex;font-weight:500;gap:12px;margin-top:20px;padding:16px}.info-icon{font-size:18px}.debug-info{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-top:20px;padding:16px}.debug-info summary{color:#374151;cursor:pointer;font-weight:600;margin-bottom:12px}.debug-info pre{word-wrap:break-word;color:#6b7280;font-size:12px;margin:0;white-space:pre-wrap}.sku-search-container .loading{color:#6b7280;padding:40px;text-align:center}.sku-search-container .loading:after{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;content:"";display:inline-block;height:20px;margin-left:8px;width:20px}@media (max-width:768px){.sku-search-container{padding:16px}.search-box{flex-direction:column;gap:8px}.search-btn{width:100%}.search-result-summary{align-items:stretch;flex-direction:column;gap:12px}.mapping-indicator,.status-indicator{justify-content:center}.sync-section{padding:16px}.sync-btn{width:100%}}@media (max-width:480px){.sku-input{font-size:16px}.search-result-summary{padding:12px}.mapping-indicator,.status-indicator{font-size:13px;padding:6px 12px}}.sku-search-container :focus{outline:2px solid #667eea;outline-offset:2px}.sku-search-container button:focus{outline-offset:-2px}@media (prefers-contrast:high){.sku-input{border-width:3px}.mapping-indicator,.status-indicator{border-width:2px}}@media (prefers-reduced-motion:reduce){.sku-search-container *{animation:none!important;transition:none!important}.search-btn:hover:not(:disabled),.sync-btn:hover:not(:disabled){transform:none}}.categories-grid{grid-gap:16px;gap:16px;margin-top:20px}.category-card{border-radius:16px;gap:12px;min-height:70px;padding:16px}.category-card:hover:not(.disabled){box-shadow:0 4px 12px #3b82f626}.category-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.category-card.disabled{opacity:.6}.category-icon{border-radius:10px;height:40px;width:40px}.category-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.category-name{line-height:1.2;margin:0}.sync-status{flex-direction:column;gap:4px}.sync-text{color:#6366f1;font-size:12px;font-style:italic;font-weight:500}.sync-healthbar{display:flex;flex-direction:column;gap:2px}.healthbar-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:2px;display:flex;height:4px;overflow:hidden;position:relative}.healthbar-fill{height:100%;transition:width .3s ease}.healthbar-fill.recent{background:#10b981}.healthbar-fill.old{background:#f59e0b}.healthbar-fill.never{background:#ef4444}.healthbar-pulse{animation:pulse-sweep 2s infinite;background:linear-gradient(90deg,#0000,#3b82f64d,#0000);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes pulse-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.healthbar-label{color:#64748b;font-size:9px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.sync-icon-container{flex-shrink:0}.sync-icon,.sync-icon-container{align-items:center;display:flex;justify-content:center}.sync-icon{background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;height:28px;transition:all .2s ease;width:28px}.sync-icon.syncing{animation:rotate 2s linear infinite;background:#eff6ff;border-color:#3b82f6}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-arrow{font-size:16px}@media (max-width:768px){.categories-grid{gap:12px;grid-template-columns:1fr}.category-card{gap:10px;min-height:60px;padding:14px}.category-icon{font-size:18px;height:36px;width:36px}.category-name{font-size:15px}.sync-text{font-size:11px}.sync-icon{height:24px;width:24px}.category-arrow,.sync-icon{font-size:14px}}@media (max-width:480px){.category-card{flex-direction:column;gap:10px;min-height:50px;padding:16px;text-align:center}.category-content{order:1}.sync-icon-container{order:2}.category-arrow{font-size:12px;order:3;transform:rotate(90deg)}.category-card.selected .category-arrow,.category-card:hover:not(.disabled) .category-arrow{transform:rotate(90deg) translateX(4px)}.sync-healthbar{margin:0 auto;max-width:200px}.category-icon{font-size:16px;height:32px;width:32px}.sync-icon{font-size:12px;height:22px;width:22px}}.popup-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.category-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-y:auto;width:90vw}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.popup-header-content{align-items:center;display:flex;gap:16px}.popup-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:32px;height:60px;justify-content:center;width:60px}.popup-title h2{color:#111827;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 4px}.popup-title p{color:#6b7280;font-size:14px;margin:0}.popup-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.popup-close:hover{background:#f3f4f6;color:#374151}.popup-content{padding:0 24px 24px}.loading-state{color:#6b7280;padding:40px 20px;text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;margin:0 auto 16px}.sync-overview h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{border-radius:12px;padding:16px;position:relative}.stat-card.syncing{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#8b5cf6}.stat-card{align-items:center;display:flex;gap:12px}.stat-icon{flex-shrink:0;font-size:24px}.stat-info{flex:1 1}.stat-number{margin-bottom:2px}.stat-label{display:block;line-height:1}.stat-percentage{color:#374151;display:block;font-size:11px;font-weight:600;margin-top:2px}.sync-progress-bar{margin-bottom:24px}.progress-header{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.progress-track{background:#f3f4f6;border-radius:4px;display:flex;height:8px;overflow:hidden}.category-insights h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.insights-list{display:flex;flex-direction:column;gap:8px}.insight{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.insight.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.insight.alert{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.insight.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.insight-icon{flex-shrink:0;font-size:14px}.popup-actions{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:24px}.action-btn{flex:1 1;min-width:120px}.action-btn:disabled{opacity:.6}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #3b82f64d}.action-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.action-btn.sync-btn{border-color:#10b981;color:#059669}.action-btn.sync-btn:hover:not(:disabled){background:#ecfdf5;border-color:#059669}@media (max-width:768px){.category-popup{max-height:90vh;width:95vw}.popup-header{padding:20px 20px 0}.popup-content{padding:0 20px 20px}.popup-actions{flex-direction:column;padding:20px}.action-btn{min-width:auto;width:100%}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:8px;padding:12px;text-align:center}.stat-number{font-size:18px}.popup-title h2{font-size:20px}.popup-icon{font-size:24px;height:50px;width:50px}}@media (max-width:480px){.popup-header-content{flex-direction:column;gap:12px;text-align:center}.stats-grid{grid-template-columns:1fr}.insights-list{gap:6px}.insight{font-size:12px;padding:6px 10px}}.product-list-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.product-list-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:1200px}.product-list-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.category-icon-large{align-items:center;display:flex;font-size:32px;justify-content:center}.category-details h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px}.category-details p,.close-btn{color:#6b7280}.close-btn{align-items:center;background:none;border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.close-btn:hover{background:#f3f4f6;color:#374151}.status-summary{margin-top:16px}.status-counts{display:flex;flex-wrap:wrap;gap:16px}.status-count{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:12px 16px}.status-count.total{background:#dbeafe;color:#1e40af}.status-count.recent{background:#d1fae5;color:#065f46}.status-count.old{background:#fef3cd;color:#92400e}.status-count.never{background:#fee2e2;color:#991b1b}.status-count.pending{background:#e0e7ff;color:#3730a3}.status-count .count{font-size:20px;font-weight:700;line-height:1}.status-count .label{font-size:12px;font-weight:500;margin-top:4px}.product-list-controls{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px}.controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-section{flex:1 1;min-width:300px}.product-search{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 16px;transition:border-color .2s ease;width:100%}.product-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-section{min-width:180px}.status-filter{width:100%}.action-section{min-width:fit-content}.export-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.export-btn:hover{background:#2563eb}.product-table-container{flex:1 1;min-height:0;overflow:auto}.product-table{border-collapse:collapse;font-size:14px;width:100%}.product-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;position:sticky;text-align:left;top:0;z-index:10}.product-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.product-table th.sortable:hover{background:#f3f4f6}.product-table th.sortable.active{background:#e5e7eb;color:#111827}.product-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;vertical-align:middle}.product-row{transition:background-color .2s ease}.product-row:hover{background:#f9fafb}.product-row.status-recent{border-left:3px solid #10b981}.product-row.status-old,.product-row.status-stale{border-left:3px solid #f59e0b}.product-row.status-never{border-left:3px solid #ef4444}.product-row.status-pending{background:#fafbff;border-left:3px solid #3b82f6}.product-row.status-failed{border-left:3px solid #dc2626}.sku-cell{color:#374151;font-family:Monaco,Menlo,monospace;font-weight:600}.name-cell{max-width:200px}.product-name{color:#111827;display:block;overflow:hidden;text-overflow:ellipsis}.product-name,.status-badge{font-weight:500;white-space:nowrap}.status-badge{border-radius:6px}.status-badge.recent{background:#d1fae5;color:#065f46}.status-badge.old,.status-badge.stale{background:#fef3cd;color:#92400e}.status-badge.never{background:#fee2e2;color:#991b1b}.status-badge.pending{animation:pulse 2s infinite;background:#e0e7ff;color:#3730a3}.status-badge.failed{background:#fecaca;color:#991b1b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.time-cell{min-width:120px}.time-info{display:flex;flex-direction:column;gap:2px}.relative-time{color:#374151}.absolute-time{font-size:11px}.count-cell{min-width:100px}.sync-counts{align-items:center;display:flex;flex-direction:column;gap:2px}.total-count{color:#374151;font-weight:600}.success-count{color:#065f46;font-size:10px}.failed-count{color:#991b1b;font-size:10px}.actions-cell{text-align:center}.action-buttons{gap:8px;justify-content:center}.sync-btn,.view-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease}.view-btn{background:#f3f4f6;color:#374151}.view-btn:hover{background:#e5e7eb}.sync-btn{background:#3b82f6;color:#fff}.sync-btn:hover:not(:disabled){background:#2563eb}.sync-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.no-results{font-style:italic;padding:40px 20px}.product-list-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}.footer-info{justify-content:space-between}@media (max-width:768px){.product-list-container{border-radius:0;max-height:100vh;max-width:100vw}.controls-row{align-items:stretch;flex-direction:column}.filter-section,.search-section{min-width:100%}.status-counts{justify-content:center}.category-info{flex-direction:column;gap:8px;text-align:center}.product-table{font-size:12px}.product-table td,.product-table th{padding:8px 12px}.product-name{max-width:150px}}.workflow-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.workflow-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;overflow:hidden;width:1400px}.workflow-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.category-info{align-items:center;display:flex;gap:16px}.category-icon{font-size:32px}.category-details h1{font-size:24px;font-weight:700;margin:0 0 4px}.category-details p{font-size:14px;margin:0;opacity:.9}.workflow-stats{display:flex;gap:24px}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{font-size:20px;line-height:1}.stat-label{font-size:12px;margin-top:4px;opacity:.8}.workflow-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;transition:background-color .2s ease;width:40px}.workflow-close:hover{background:#ffffff4d}.workflow-content{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.product-workflow-card{display:flex;flex-direction:column;gap:20px;height:100%}.product-progress{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.progress-header h3{color:#374151;font-family:Monaco,Menlo,monospace;font-size:18px;font-weight:600;margin:0}.progress-bar-container{align-items:center;display:flex;gap:12px}.progress-bar{border-radius:4px;flex:1 1;height:8px}.progress-text{min-width:80px;text-align:right}.error-state,.loading-state,.no-data-state{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px;text-align:center}.error-state h3,.loading-state h3,.no-data-state h3{color:#374151;font-size:18px;margin:0 0 8px}.error-state h3{color:#dc2626}.error-state p,.loading-state p,.no-data-state p{color:#6b7280;font-size:14px;margin:0}.product-workflow-card .product-card-container{margin:0;max-width:none}.product-workflow-card .product-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.product-workflow-card .dev-mode-toggle-container{background:#f8f9fa;border-bottom:1px solid #e5e7eb}.product-workflow-card .confirm-sync-button,.product-workflow-card .confirm-sync-button.compact,.product-workflow-card .sync-button,.product-workflow-card .sync-section,.product-workflow-card .sync-section.bottom-sync,.product-workflow-card .sync-section.top-sync{display:none!important}.workflow-actions{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;gap:12px;margin-top:auto;padding:20px}.action-btn,.workflow-actions{display:flex;justify-content:center}.action-btn{align-items:center;font-weight:500;gap:8px;min-width:140px;padding:12px 20px}.action-btn.primary{background:#10b981}.action-btn.primary:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.action-btn.secondary{background:#f3f4f6}.action-btn.secondary:hover:not(:disabled){background:#e5e7eb}.action-btn.skip{background:#fef3cd;color:#92400e}.action-btn.skip:hover:not(:disabled){background:#fde68a}.action-btn:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.workflow-footer{flex-shrink:0}.footer-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;justify-content:center}@media (max-width:1200px){.workflow-container{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.workflow-header{flex-direction:column;gap:16px;text-align:center}.workflow-stats{justify-content:center}.workflow-actions{flex-direction:column}.action-btn{min-width:auto}.progress-header{align-items:flex-start;flex-direction:column;gap:12px}.progress-header h3{font-size:16px}}@media (max-width:768px){.product-progress,.workflow-actions,.workflow-content{padding:16px}.progress-bar-container{align-items:stretch;flex-direction:column;gap:8px}.progress-text{min-width:auto;text-align:center}}.comparison-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.comparison-card.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-header{color:#6b7280;text-align:center}.loading-header h3{color:#374151;font-size:18px;margin:16px 0 8px}.loading-header p{font-size:14px;margin:0}.loading-spinner{margin:0 auto}.comparison-card.error{align-items:center;display:flex;justify-content:center;min-height:300px}.error-content{color:#dc2626;text-align:center}.error-content h3{font-size:18px;margin:0 0 8px}.error-content p{color:#6b7280;margin:0 0 24px}.card-header{align-items:flex-start;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.product-info h2{color:#111827;font-family:Monaco,Menlo,monospace;font-size:24px;font-weight:700;margin:0 0 4px}.product-name{color:#6b7280;font-size:16px;margin:0 0 16px}.progress-info{display:flex;flex-direction:column;gap:8px}.progress-text{color:#6b7280;font-size:12px;font-weight:500}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden;width:200px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:100%;transition:width .3s ease}.sync-status{align-items:center;display:flex}.sync-badge{border-radius:8px;font-size:12px;font-weight:500;padding:8px 16px}.sync-badge.never{background:#fee2e2;color:#991b1b}.sync-badge.recent{background:#d1fae5;color:#065f46}.sync-badge.old{background:#fef3cd;color:#92400e}.sync-badge.stale{background:#fee2e2;color:#991b1b}.comparison-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;padding:24px}.data-section h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.data-grid{display:flex;flex-direction:column;gap:12px}.data-item{align-items:flex-start;background:#f9fafb;border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:12px}.data-label{color:#6b7280;flex-shrink:0;font-size:12px;font-weight:500;min-width:100px;text-transform:capitalize}.data-value{color:#374151;font-size:13px;line-height:1.4;text-align:right;word-break:break-word}.no-data{background:#f9fafb;border-radius:8px}.no-data p{margin:8px 0}.error-details{font-size:12px;font-style:italic}.card-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.confirm-sync-btn,.skip-btn,.view-details-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.view-details-btn{background:#f3f4f6;color:#374151}.view-details-btn:hover{background:#e5e7eb}.skip-btn{background:#fef3cd;color:#92400e}.skip-btn:hover{background:#fde68a}.confirm-sync-btn{background:#10b981;color:#fff}.confirm-sync-btn:hover:not(:disabled){background:#059669}.confirm-sync-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.workflow-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}.progress-summary{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;justify-content:center}.no-products{color:#6b7280;padding:60px 40px;text-align:center}.no-products h2{color:#374151;font-size:24px;margin:0 0 12px}.no-products p{font-size:16px;margin:0 0 32px}.close-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.close-btn:hover{background:#2563eb}@media (max-width:768px){.workflow-container{border-radius:0;max-height:100vh;max-width:100vw}.workflow-header{flex-direction:column;gap:16px;text-align:center}.workflow-stats{justify-content:center}.comparison-content{gap:20px;grid-template-columns:1fr}.card-actions{flex-direction:column}.progress-bar{width:100%}.card-header{flex-direction:column;gap:16px}}.sort-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:0 auto;max-width:1200px;padding:20px}.sort-header{margin-bottom:32px;text-align:center}.sort-title{color:#111827;font-size:2rem;font-weight:700;margin-bottom:8px}.sort-subtitle{color:#6b7280;font-size:1.1rem;margin:0}.sort-controls{margin-bottom:24px}.main-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:12px}.clear-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:block;font-size:14px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .2s ease;width:fit-content}.search-box{flex:1 1}.category-search{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:border-color .2s ease;width:100%}.category-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{left:14px}.sort-options{align-items:center;display:flex;flex-shrink:0;gap:8px}.sort-label{color:#374151;font-size:14px;font-weight:500;white-space:nowrap}.sort-select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;transition:border-color .2s ease}.sort-select:focus{border-color:#3b82f6;outline:none}.clear-btn:hover{background:#e5e7eb;border-color:#9ca3af}.category-stats{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:space-between;margin-bottom:20px}.stats-text{flex:1 1}.selected-indicator{background:#dbeafe;border-radius:20px;color:#1e40af;font-size:13px;font-weight:500;padding:4px 12px}.clear-filters-container{display:flex;justify-content:flex-end;margin-bottom:12px}.categories-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:16px}.category-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.category-card:hover:not(.disabled){border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.category-card.selected{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.category-card.disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.category-card:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.category-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:30px;justify-content:center;width:30px}.category-card.selected .category-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.category-info{flex:1 1;min-width:0}.category-name{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px}.category-arrow{color:#9ca3af;flex-shrink:0;font-size:20px;font-weight:600;transition:all .2s ease}.category-card.selected .category-arrow,.category-card:hover:not(.disabled) .category-arrow{color:#3b82f6;transform:translateX(4px)}.no-results{color:#6b7280;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results-icon{display:block;font-size:48px;margin-bottom:16px}.no-results h3{color:#374151;font-size:20px;margin:0 0 8px}.no-results p{font-size:14px;margin:0}.selected-category-actions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:24px}.selected-category-actions h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f633;color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.action-btn.secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.action-btn.secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}@media (max-width:768px){.sort-container{margin:16px;padding:16px}.sort-title{font-size:1.75rem}.main-controls{align-items:stretch;flex-direction:column;gap:12px}.search-box{min-width:auto}.sort-options{justify-content:space-between}.categories-grid{gap:12px;grid-template-columns:1fr}.category-card{padding:16px}.category-icon{font-size:28px;height:50px;width:50px}.category-name{font-size:15px}.category-description{font-size:12px}.action-buttons{flex-direction:column}.action-btn{text-align:center;width:100%}}@media (max-width:480px){.category-card{flex-direction:column;padding:20px 16px;text-align:center}.category-info{margin:8px 0}.category-arrow{transform:rotate(90deg)}.category-card.selected .category-arrow,.category-card:hover:not(.disabled) .category-arrow{transform:rotate(90deg) translateX(4px)}}.sync-status-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:0 auto;max-width:1200px;padding:20px}.sync-status-header{margin-bottom:32px;text-align:center}.sync-status-title{color:#111827;font-size:2rem;font-weight:700;margin-bottom:8px}.sync-status-subtitle{color:#6b7280;font-size:1.1rem;margin:0}.sync-status-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-left-color:#3b82f6;border-radius:50%;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.auth-warning{align-items:center;background:#fef3cd;border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;gap:12px;margin-bottom:24px;padding:16px}.warning-icon{font-size:20px}.auth-warning p{font-weight:500;margin:0}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.error-icon{font-size:16px}.error-close{align-items:center;background:none;border:none;border-radius:50%;color:#991b1b;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;margin-left:auto;padding:0;transition:background-color .2s;width:24px}.error-close:hover{background-color:#991b1b1a}.sync-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.search-filter-group{align-items:center;display:flex;flex:1 1;gap:16px}.search-box{min-width:250px;position:relative}.sku-search{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 16px 10px 40px;transition:border-color .2s ease;width:100%}.sku-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#9ca3af;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.status-filter{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;min-width:160px;padding:10px 12px;transition:border-color .2s ease}.status-filter:focus{border-color:#3b82f6;outline:none}.action-group{display:flex;gap:12px}.refresh-btn,.sync-all-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.refresh-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.refresh-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.sync-all-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;color:#fff}.sync-all-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.sync-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:2px solid #0000;border-radius:10px;padding:20px;text-align:center;transition:all .2s ease}.stat-card.recent{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.stat-card.old{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.stat-card.never{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.stat-card.total{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.stat-number{color:#111827;display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.sync-table-container{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;overflow-x:auto}.sync-table{background:#fff;border-collapse:collapse;width:100%}.sync-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.sync-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.sync-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sync-table th.sortable:hover{background-color:#e2e8f0}.sync-table th.sortable.active{background-color:#e0f2fe;color:#3b82f6}.sync-table td{border-bottom:1px solid #f3f4f6;padding:16px;vertical-align:middle}.sync-row:hover{background-color:#f8fafc}.sync-row.status-recent{background-color:#ecfdf580}.sync-row.status-old{background-color:#fffbeb80}.sync-row.status-never{background-color:#fef2f280}.name-cell{min-width:200px}.product-info{display:flex;flex-direction:column;gap:4px}.product-name-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-align:left;text-decoration:underline}.product-name-link:hover{color:#1d4ed8}.product-sku{color:#6b7280;font-size:12px;font-weight:500}.category-cell{min-width:140px}.category-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;color:#374151;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.time-cell{min-width:140px}.relative-time{color:#111827;display:block;font-weight:500}.absolute-time{color:#6b7280;display:block;font-size:12px;margin-top:2px}.status-cell{min-width:140px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.status-badge.status-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.status-badge.status-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.status-badge.status-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.status-badge.status-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.status-icon{font-size:12px}.error-count{color:#dc2626;display:block;font-size:11px;margin-top:2px}.count-cell{color:#374151;font-weight:500;text-align:center}.actions-cell{min-width:100px}.view-btn-small{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.view-btn-small:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.sync-footer{color:#6b7280;display:flex;font-size:14px;justify-content:center;padding:16px 0}.no-data{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.sync-status-container{margin:16px;padding:16px}.sync-status-title{font-size:1.75rem}.sync-controls{align-items:stretch;flex-direction:column;gap:16px}.search-filter-group{flex-direction:column;gap:12px}.search-box,.status-filter{min-width:auto}.sync-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:1.5rem}.sync-table td,.sync-table th{font-size:13px;padding:12px 8px}.absolute-time{display:none}}@media (max-width:480px){.sync-stats{grid-template-columns:1fr}.sync-table{font-size:12px}.sync-table td,.sync-table th{padding:8px 6px}.status-badge,.view-btn-small{font-size:11px;padding:4px 8px}}
/*# sourceMappingURL=main.4bf65a8c.css.map*/