body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#212529;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{background-color:#fff;box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.login-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:100px auto;max-width:400px;padding:40px}.login-container h2{color:#495057;font-weight:600;margin-bottom:30px;text-align:center}.login-container input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;margin:10px 0;padding:12px 16px;transition:border-color .3s ease;width:100%}.login-container input:focus{border-color:#007bff;outline:none}.login-container button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.login-container button:hover{box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.App-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px 0 30px}.App-header h1{color:#495057;font-size:2rem;font-weight:700}.user-info{align-items:center;display:flex;gap:15px}.user-info span{color:#6c757d;font-weight:500}.user-info button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.user-info button:hover{box-shadow:0 3px 8px #dc35454d;transform:translateY(-1px)}.main-content{display:flex;flex-direction:column;gap:30px}.upload-section{background:#fff;border:2px dashed #dee2e6;border-radius:12px;padding:30px;text-align:center;transition:border-color .3s ease,background-color .3s ease}.upload-section:hover{background-color:#f8f9ff;border-color:#007bff}.upload-section h2{color:#495057;font-weight:600;margin-bottom:20px}.upload-section input[type=file]{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;margin:15px 0;padding:10px}.upload-section button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease}.upload-section button:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.upload-section button:disabled{cursor:not-allowed;opacity:.6}.csv-results{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.csv-results h2{color:#495057;font-weight:600;margin-bottom:25px}.headers-section{margin-bottom:30px}.headers-section h3{color:#6c757d;font-weight:500;margin-bottom:15px}.headers-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.header-item{background:linear-gradient(135deg,#e9ecef,#f8f9fa);border:1px solid #dee2e6;border-radius:20px;color:#495057;font-size:14px;font-weight:500;padding:8px 16px;transition:transform .2s ease}.header-item:hover{transform:translateY(-1px)}.data-section{margin-top:30px}.data-section h3{color:#6c757d;font-weight:500;margin-bottom:15px}.data-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px 0;overflow:hidden;width:100%}.data-table td,.data-table th{border:1px solid #e9ecef;padding:12px 16px;text-align:left}.data-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table td{color:#6c757d;font-size:14px}.data-table tr:nth-child(2n){background-color:#f8f9fa}.data-table tr:hover{background-color:#e3f2fd}.mapping-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.mapping-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.mapping-header h2{color:#495057;font-weight:600}.matching-stats{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.stats-text{background:linear-gradient(135deg,#e9ecef,#f8f9fa);border-radius:20px;color:#495057;font-size:14px;font-weight:500;padding:8px 16px}.mapping-controls{display:flex;gap:10px}.auto-match-btn,.clear-mapping-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:transform .2s ease,box-shadow .2s ease}.auto-match-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.auto-match-btn:hover{box-shadow:0 3px 8px #28a7454d;transform:translateY(-1px)}.clear-mapping-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.clear-mapping-btn:hover{box-shadow:0 3px 8px #6c757d4d;transform:translateY(-1px)}.mapping-grid{display:flex;flex-direction:column;gap:20px;margin:25px 0}.mapping-row{grid-gap:20px;align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;padding:20px;transition:all .3s ease}.mapping-row.mapped{background:linear-gradient(135deg,#f8fff9,#fff);border-left:4px solid #28a745;box-shadow:0 2px 8px #28a7451a}.mapping-row.unmapped{background:linear-gradient(135deg,#fff5f5,#fff);border-left:4px solid #dc3545}.shopify-field{text-align:left}.shopify-field label{color:#495057;display:block;font-size:16px;margin-bottom:8px}.required{color:#dc3545;font-weight:600;margin-left:3px}.field-description{color:#6c757d;font-size:14px;font-style:italic;line-height:1.4;margin:0}.mapping-arrow{color:#007bff;font-size:1.5rem;font-weight:700;text-align:center}.csv-field{position:relative}.csv-field select{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:10px 16px;transition:border-color .3s ease;width:100%}.csv-field select:focus{border-color:#007bff;outline:none}.required-field{border-color:#dc3545!important}.mapped-select{background:linear-gradient(135deg,#f8fff9,#fff);border-color:#28a745!important}.mapping-indicator{color:#28a745;display:inline-block;font-size:14px;font-weight:600;margin-left:10px}.save-mapping-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease}.save-mapping-btn:hover{box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}@media (max-width:768px){.App{padding:10px}.App-header{flex-direction:column;gap:15px;text-align:center}.App-header h1{font-size:1.5rem}.mapping-header{align-items:stretch;flex-direction:column}.matching-stats{justify-content:space-between}.mapping-controls{justify-content:center}.mapping-row{gap:15px;grid-template-columns:1fr;text-align:center}.mapping-arrow{transform:rotate(90deg)}.headers-list{justify-content:center}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 12px}}@media (max-width:480px){.csv-results,.mapping-section,.upload-section{padding:20px}.login-container{margin:50px auto;padding:30px 20px}.data-table{display:block;overflow-x:auto;white-space:nowrap}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.upload-section button:disabled{animation:pulse 2s infinite}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.notes-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:30px}.notes-header{margin-bottom:25px}.notes-header h2{color:#495057;font-weight:600;margin-bottom:10px}.notes-header p{color:#6c757d;font-style:italic}.notes-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:8px;margin-bottom:25px;padding:20px}.notes-preview h3{color:#495057;font-size:16px;margin-bottom:10px}.preview-text{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;display:flex;font-family:Courier New,monospace;font-size:14px;min-height:40px;padding:12px}.notes-fields h3{color:#495057;font-weight:500;margin-bottom:20px}.notes-grid{display:flex;flex-direction:column;gap:15px}.notes-field-row{grid-gap:20px;align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:8px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;padding:15px;transition:all .3s ease}.notes-field-row:hover{box-shadow:0 2px 8px #0000001a}.notes-checkbox{align-items:center;display:flex;gap:10px}.notes-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.notes-checkbox label{color:#495057;cursor:pointer;font-size:14px}.notes-custom-name{display:flex;flex-direction:column;gap:5px}.notes-custom-name label{color:#6c757d;font-size:12px;font-weight:500}.notes-custom-name input{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.notes-custom-name input:focus{border-color:#007bff;outline:none}.notes-sample-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;font-size:12px;font-style:italic;padding:8px 12px}.mapping-actions{border-top:2px solid #e9ecef;margin-top:30px;padding-top:25px;text-align:center}@media (max-width:768px){.notes-field-row{gap:10px;grid-template-columns:1fr;text-align:left}.notes-preview{padding:15px}.preview-text{font-size:12px;padding:10px}}.import-btn,.validate-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-right:15px;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease}.validate-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.validate-btn:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.import-btn{background:linear-gradient(135deg,#fd7e14,#e55a4e);color:#fff}.import-btn:hover{box-shadow:0 4px 12px #fd7e144d;transform:translateY(-2px)}@media (max-width:768px){.section-header{flex-direction:column;gap:15px}.config-status{flex-direction:column;text-align:center}.modal-content{margin:20px;width:calc(100% - 40px)}.shopify-form{padding:20px}.form-actions{flex-direction:column}}.shopify-config-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.section-header{justify-content:space-between;margin-bottom:20px}.config-status,.section-header{align-items:center;display:flex}.config-status{gap:15px}.status-indicator{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.status-indicator.success{background:#28a745;color:#fff}.status-indicator.error{background:#dc3545;color:#fff}.config-status-good{color:#28a745}.config-status-good,.config-status-missing{align-items:center;display:flex;font-weight:500;gap:10px}.config-status-missing{color:#dc3545}.shopify-form-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px}.shopify-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#007bff;outline:none}.form-group small{color:#6c757d;display:block;font-size:12px;margin-top:5px}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;margin-top:30px;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary:hover{box-shadow:0 3px 8px #007bff4d;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}
/*# sourceMappingURL=main.05aab1db.css.map*/