@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.brands-page{width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.page-header h1{color:#1a1a2e;font-size:20px;margin:0}.alert{border-radius:8px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.form-card h2{color:#1a1a2e;font-size:18px;margin:0 0 20px}.form-row{display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#9d7bf9;box-shadow:0 0 0 3px #2772ff1a;outline:none}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:20px;padding-top:20px}.btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;padding:12px 24px;text-transform:none;transition:all .3s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#9d7bf9,#8b5cf6);box-shadow:0 4px 15px #2772ff59;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#a78bfa,#9d7bf9);box-shadow:0 6px 20px #2772ff73;transform:translateY(-2px)}.btn-secondary{background:#252540;border:1px solid #3d3d5c;box-shadow:none;color:#a0a0a0}.btn-secondary:hover{background:#2d2d4a;border-color:#4d4d6c;color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444459;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 20px #ef444473;transform:translateY(-2px)}.btn-edit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98159;color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}.btn-sync{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf659;color:#fff}.btn-sync:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 6px 20px #8b5cf673;transform:translateY(-2px)}.btn-sync:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-sm{border-radius:8px;font-size:13px;padding:8px 16px}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.data-table th{background:#f9fafb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table td{color:#374151;font-size:14px}.data-table tr:hover{background:#f9fafb}.data-table code{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:13px;padding:2px 8px}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.badge-current{background:#d1fae5;color:#059669}.badge-upcoming{background:#fef3c7;color:#d97706}.badge-expired{background:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:8px}.brand-logo{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.brand-logo img{border-radius:4px;max-height:40px;max-width:40px;object-fit:contain}.logo-placeholder{align-items:center;background:#e5e7eb;border-radius:4px;color:#6b7280;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.empty-state,.loading{color:#6b7280;padding:40px;text-align:center}.empty-state p{margin:0}.table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.table-filters{display:flex;flex-wrap:wrap;gap:12px}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:250px}.search-input:focus{border-color:#9d7bf9;box-shadow:0 0 0 3px #2772ff1a;outline:none}.filter-select{background:#fff;border:1px solid #d1d5db;padding:8px 12px}.searchable-dropdown{min-width:180px;position:relative}.searchable-dropdown-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;min-height:38px;padding:8px 12px}.searchable-dropdown-trigger:hover{border-color:#9d7bf9}.searchable-dropdown-value{color:#1a1a2e}.searchable-dropdown-placeholder{color:#6b7280}.searchable-dropdown-arrow{color:#6b7280;font-size:10px}.searchable-dropdown-menu{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.searchable-dropdown-search{border:none;border-bottom:1px solid #e5e7eb;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;width:100%}.searchable-dropdown-search:focus{border-bottom-color:#9d7bf9}.searchable-dropdown-options{max-height:200px;overflow-y:auto}.searchable-dropdown-option{color:#1a1a2e;cursor:pointer;font-size:14px;padding:8px 12px}.searchable-dropdown-option:hover{background:#f3f0ff}.searchable-dropdown-option.selected{background:#ede9fe;color:#7c3aed;font-weight:500}.searchable-dropdown-no-results{color:#9ca3af;font-size:13px;padding:12px;text-align:center}.table-options{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.table-options select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin:0 6px;padding:6px 10px}.pagination{align-items:center;border-top:1px solid #2d2d44;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:24px;padding-top:24px}.pagination-info{color:#888;font-size:14px}.pagination-controls{display:flex;gap:6px}.pagination-btn{background:#252540;border:1px solid #3d3d5c;border-radius:8px;color:#a0a0a0;cursor:pointer;font-size:14px;font-weight:500;min-width:44px;padding:10px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#2d2d4a;border-color:#9d7bf9;color:#fff;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#9d7bf9,#8b5cf6);border-color:#0000;box-shadow:0 3px 10px #2772ff4d;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}@media (max-width:768px){.table-controls{align-items:stretch}.table-controls,.table-filters{flex-direction:column}.search-input{width:100%}.pagination{align-items:center;flex-direction:column}.pagination-controls{flex-wrap:wrap;justify-content:center}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:20px;max-width:400px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1a1a2e;font-size:18px;margin:0}.close-btn,.modal-close{background:#ffffff1a;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:22px;line-height:1;padding:6px 10px;transition:all .3s ease}.close-btn:hover,.modal-close:hover{background:#ef444433;color:#ef4444;transform:scale(1.05)}.modal-body{padding:24px;text-align:center}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-modal{display:flex;flex-direction:column;max-height:90vh;max-width:720px}.form-modal .modal-header{background:linear-gradient(135deg,#7c3aed,#9d7bf9);border-bottom:none;padding:18px 24px}.form-modal .modal-header h2{color:#fff;font-size:20px;font-weight:600}.form-modal .modal-close{background:#ffffff26;color:#fffc}.form-modal .modal-close:hover{background:#ffffff40;color:#fff}.form-modal .modal-body{flex:1;max-height:calc(90vh - 140px);overflow-y:auto;padding:24px;text-align:left}.form-modal .modal-body::-webkit-scrollbar{width:8px}.form-modal .modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.form-modal .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.form-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-modal .form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:0}.form-modal .form-group{margin-bottom:16px}.form-modal .form-group label{color:#4b5563;display:block;font-size:13px;font-weight:500;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.form-modal .form-group input,.form-modal .form-group select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.form-modal .form-group input::placeholder{color:#94a3b8}.form-modal .form-group input:hover,.form-modal .form-group select:hover{background:#fff;border-color:#cbd5e1}.form-modal .form-group input:focus,.form-modal .form-group select:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.form-modal .form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 24px}.form-modal .modal-footer .btn{border-radius:8px;font-size:14px;font-weight:500;padding:10px 24px}.form-modal .modal-footer .btn-secondary{background:#e2e8f0;border:none;color:#475569}.form-modal .modal-footer .btn-secondary:hover{background:#cbd5e1}.form-modal .modal-footer .btn-primary{background:linear-gradient(135deg,#7c3aed,#9d7bf9);border:none;box-shadow:0 2px 8px #7c3aed4d;color:#fff}.form-modal .modal-footer .btn-primary:hover{box-shadow:0 4px 12px #7c3aed66;transform:translateY(-1px)}.form-modal .modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-modal .form-section-title{border-bottom:2px solid #ede9fe;color:#7c3aed;font-size:14px;font-weight:600;margin:24px 0 16px;padding-bottom:8px}.form-modal .form-section-title:first-child{margin-top:0}@media (max-width:768px){.form-modal{margin:12px;max-width:calc(100% - 24px)}.form-modal .form-row{grid-template-columns:1fr}.form-modal .modal-body{max-height:calc(90vh - 130px);padding:16px}}.sync-progress{padding:20px 0}.sync-progress p{color:#374151;margin:12px 0 0}.sync-note{color:#6b7280!important;font-size:13px}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#7c3aed;height:48px;margin:0 auto;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.sync-success{padding:10px 0}.success-icon{align-items:center;background:#d1fae5;border-radius:50%;color:#059669;display:flex;font-size:28px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.sync-success h3{color:#059669;font-size:18px;margin:0 0 8px}.sync-success p{color:#374151;margin:0}.sync-error{padding:10px 0}.error-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;font-size:28px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.sync-error h3{color:#dc2626;font-size:18px;margin:0 0 8px}.sync-error p{color:#374151;margin:0}.sync-modal{background:#1a1a2e;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;display:flex;flex-direction:column;margin:20px;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.sync-modal .modal-header{background:#1a1a2e;border-bottom:1px solid #2d2d44}.sync-modal .modal-header h2{color:#fff}.sync-modal .modal-close{color:#a0a0a0}.sync-modal .modal-close:hover{color:#fff}.sync-modal-body{background:#1a1a2e;max-height:60vh;overflow-y:auto;padding:20px;text-align:left}.sync-modal .modal-footer{background:#1a1a2e;border-top:1px solid #2d2d44;gap:12px}.preview-brands-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.preview-brands-grid{grid-template-columns:1fr}}.preview-brand-card{align-items:center;background:#252540;border:1px solid #3d3d5c;border-radius:10px;display:flex;gap:12px;padding:16px}.preview-brand-image{align-items:center;background:#1a1a2e;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:80px}.preview-brand-image img{max-height:100%;max-width:100%;object-fit:contain}.preview-logo-placeholder{align-items:center;background:#2d2d44;color:#6b7280;display:flex;font-size:24px;font-weight:600;height:100%;justify-content:center;width:100%}.preview-brand-info{flex:1;min-width:0}.preview-brand-info h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-brand-info .badge{font-size:10px;padding:2px 8px}.btn-add{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 3px 10px #10b9814d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .3s ease}.btn-add:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 15px #10b98166;transform:translateY(-1px)}.btn-update{background:linear-gradient(135deg,#9d7bf9,#8b5cf6);border:none;border-radius:8px;box-shadow:0 3px 10px #2772ff4d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .3s ease}.btn-update:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#9d7bf9);box-shadow:0 4px 15px #2772ff66;transform:translateY(-1px)}.btn-add:disabled,.btn-update:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.sync-brand-selector{border-bottom:1px solid #2d2d44;margin-bottom:20px;padding-bottom:16px}.sync-brand-selector label{color:#a0a0a0;display:block;font-size:14px;margin-bottom:8px}.sync-brand-row{align-items:center;display:flex;gap:12px}.brand-select{background:#252540;border:1px solid #3d3d5c;border-radius:8px;color:#fff;cursor:pointer;flex:1;font-size:14px;padding:10px 14px}.brand-select:focus{border-color:#9d7bf9;outline:none}.brand-select option{background:#252540;color:#fff}.preview-brand-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.preview-brand-header h3{color:#fff;font-size:16px;margin:0}.model-count{background:#3d3d5c;border-radius:20px;color:#a0a0a0;font-size:12px;padding:4px 12px}.preview-models-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.preview-models-grid{grid-template-columns:1fr}}.preview-model-card{align-items:stretch;flex-direction:column;gap:12px}.preview-model-image{background:#1a1a2e;height:120px;width:100%}.preview-model-image img{height:100%;object-fit:cover;width:100%}.preview-model-info{flex:1}.preview-model-info h4{margin-bottom:4px}.model-price{color:#10b981;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.model-specs{display:flex;flex-wrap:wrap;gap:8px}.model-specs .spec{background:#3d3d5c;border-radius:4px;color:#a0a0a0;font-size:11px;padding:2px 8px}.model-image,.model-image img{height:45px;width:60px}.model-image img{border-radius:4px;object-fit:cover}.model-image .logo-placeholder{height:45px;width:60px}.preview-variants-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.preview-variants-grid{grid-template-columns:1fr}}.preview-variant-card{background:#252540;border:1px solid #3d3d5c;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.preview-variant-info h4{color:#fff;font-size:14px;margin:0 0 8px}.variant-price{color:#10b981;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.variant-specs{display:flex;flex-wrap:wrap;gap:6px}.variant-specs .spec{background:#3d3d5c;border-radius:4px;color:#a0a0a0;font-size:11px;padding:3px 8px}.variant-name{color:#fff;font-weight:500}.variant-slug{color:#666;font-size:11px}.filter-group{display:flex;gap:12px}.filter-group select{background:#252540;border:1px solid #3d3d5c;border-radius:6px;color:#fff;font-size:14px;min-width:150px;padding:8px 12px}.filter-group select:disabled{cursor:not-allowed;opacity:.5}.header-actions{align-items:center;display:flex;gap:12px}.btn-sync-all{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 3px 12px #10b9814d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-sync-all:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 5px 18px #10b98166;transform:translateY(-1px)}.btn-sync-all:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.variants-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.variants-filters .search-box{flex:1;max-width:300px;min-width:200px}.variants-filters .search-box input{background:#252540;border:1px solid #3d3d5c;border-radius:8px;color:#fff;font-size:14px;padding:10px 14px;width:100%}.variants-filters .search-box input:focus{border-color:#9d7bf9;outline:none}.filter-selects{display:flex;gap:12px}.filter-select{background:#252540;border:1px solid #3d3d5c;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:150px;padding:10px 14px}.filter-select:focus{border-color:#9d7bf9;outline:none}.filter-select:disabled{cursor:not-allowed;opacity:.5}.filter-select option{background:#252540;color:#fff}.variants-stats{display:flex;gap:16px;margin-bottom:20px}.variants-stats .stat-item{background:linear-gradient(135deg,#9d7bf9,#8b5cf6);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 24px}.variants-stats .stat-value{color:#fff;font-size:28px;font-weight:700}.variants-stats .stat-label{color:#fffc;font-size:13px}.variants-container{min-height:300px}.no-data-card{background:#1e1e32;border:1px dashed #3d3d5c;border-radius:12px;padding:60px 40px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-card h3{color:#fff;font-size:18px;margin:0 0 8px}.no-data-card p{color:#a0a0a0;font-size:14px;margin:0}.variants-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.variant-card{background:#1e1e32;border:1px solid #2d2d44;border-radius:12px;overflow:hidden;transition:all .2s ease}.variant-card:hover{border-color:#3d3d5c;transform:translateY(-2px)}.variant-image{background:#252540;height:160px;overflow:hidden;width:100%}.variant-image img{height:100%;object-fit:cover;width:100%}.variant-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px 0}.variant-card .variant-price-row{margin:0 20px 16px;padding-bottom:16px}.variant-card .variant-specs-grid{margin:0 20px;padding-bottom:16px}.variant-card .variant-colors{margin:0 20px 16px}.variant-title h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.variant-model{color:#a0a0a0;font-size:12px}.btn-delete-icon{background:#ef44441a;border:none;border-radius:6px;color:#888;cursor:pointer;font-size:20px;line-height:1;padding:6px 10px;transition:all .3s ease}.btn-delete-icon:hover{background:#ef444433;color:#ef4444;transform:scale(1.1)}.variant-price-row{border-bottom:1px solid #2d2d44;display:flex;gap:20px}.price-item{display:flex;flex-direction:column;gap:2px}.price-label{color:#666;font-size:11px;text-transform:uppercase}.price-value{color:#10b981;font-size:15px;font-weight:600}.price-value.on-road{color:#9d7bf9}.variant-specs-grid{display:flex;flex-wrap:wrap;gap:8px}.spec-item{align-items:center;background:#252540;border-radius:6px;display:flex;gap:6px;padding:6px 10px}.spec-icon{font-size:12px;opacity:.7}.spec-text{color:#a0a0a0;font-size:12px}.variant-colors{align-items:center;border-top:1px solid #2d2d44;display:flex;gap:12px;margin-top:16px;padding-top:16px}.colors-label{color:#666;font-size:12px;text-transform:uppercase}.color-swatches{display:flex;flex-wrap:wrap;gap:6px}.color-swatch{align-items:center;background-position:50%;background-size:cover;border:2px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:all .2s ease;width:28px}.color-swatch:hover{border-color:#9d7bf9;box-shadow:0 2px 8px #2772ff4d;transform:scale(1.15)}.color-swatch.selected{border-color:#9d7bf9;border-width:3px;box-shadow:0 0 0 2px #2772ff33}.color-swatch .check-mark{color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px #00000080}.color-swatch.dual-tone{border-width:2px}.color-swatch.dual-tone.selected{border-width:3px}.no-image-placeholder{align-items:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:8px;color:#888;display:flex;font-size:14px;height:160px;justify-content:center;width:100%}.mini-spec.colors-count{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.variant-sync-modal{max-height:85vh;max-width:800px}.sync-selector-section{background:#252540;border-radius:10px;margin-bottom:20px;padding:20px}.sync-instruction{color:#a0a0a0;font-size:14px;margin:0 0 16px}.sync-selectors{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.selector-group{display:flex;flex:1;flex-direction:column;gap:6px;min-width:150px}.selector-group label{color:#a0a0a0;font-size:12px;text-transform:uppercase}.selector-group select{background:#1e1e32;border:1px solid #3d3d5c;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 14px}.selector-group select:focus{border-color:#9d7bf9;outline:none}.selector-group select:disabled{cursor:not-allowed;opacity:.5}.selector-group select option{background:#1e1e32;color:#fff}.btn-fetch{background:linear-gradient(135deg,#9d7bf9,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 15px #2772ff59;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-fetch:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#9d7bf9);box-shadow:0 6px 20px #2772ff73;transform:translateY(-2px)}.btn-fetch:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.preview-section{border-top:1px solid #2d2d44;padding-top:20px}.preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.preview-title h3{color:#fff;font-size:16px;margin:0}.variant-count{background:#3d3d5c;border-radius:20px;color:#a0a0a0;font-size:12px;margin-left:12px;padding:4px 12px}.btn-sync-all-variants{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 15px #10b98159;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-sync-all-variants:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}.btn-sync-all-variants:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.preview-variants-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.preview-variant-item{align-items:center;background:#252540;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.preview-variant-main{flex:1;min-width:0}.preview-variant-name{align-items:center;display:flex;gap:8px;margin-bottom:4px}.preview-variant-name h4{color:#fff;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.synced-badge{background:#10b981;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.preview-variant-price{color:#10b981;font-size:13px;font-weight:600}.preview-variant-specs{display:flex;flex-wrap:wrap;gap:6px}.mini-spec{background:#3d3d5c;border-radius:4px;color:#888;font-size:11px;padding:2px 8px}.preview-variant-action{flex-shrink:0}.btn-mini-add,.btn-mini-update{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .3s ease}.btn-mini-add{background:linear-gradient(135deg,#9d7bf9,#8b5cf6);box-shadow:0 3px 10px #2772ff4d;color:#fff}.btn-mini-add:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#9d7bf9);box-shadow:0 4px 15px #2772ff66;transform:translateY(-1px)}.btn-mini-update{background:#0000;border:2px solid #9d7bf9;color:#9d7bf9}.btn-mini-update:hover:not(:disabled){background:#2772ff26;border-color:#a78bfa;transform:translateY(-1px)}.btn-mini-add:disabled,.btn-mini-update:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.variants-filters{align-items:stretch;flex-direction:column}.variants-filters .search-box{max-width:none}.filter-selects{flex-direction:column}.variants-grid{grid-template-columns:1fr}.sync-selectors{flex-direction:column}.btn-fetch,.selector-group{width:100%}.preview-variant-item{align-items:stretch;flex-direction:column}.preview-variant-action{margin-top:8px}.btn-mini-add,.btn-mini-update{width:100%}}.breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px}.breadcrumb-separator{color:#666}.btn-link{background:none;border:none;color:#9d7bf9;cursor:pointer;font-size:14px;padding:0}.btn-link:hover{text-decoration:underline}.details-container{display:flex;flex-direction:column;gap:24px}.details-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.details-card h3{border-bottom:1px solid #eee;color:#1a1a2e;font-size:18px;margin:0 0 20px;padding-bottom:12px}.details-main{display:grid;gap:32px;grid-template-columns:1fr 1fr}.details-image-section{display:flex;flex-direction:column;gap:20px}.details-image{align-items:center;aspect-ratio:16/10;background:#f5f5f5;border-radius:12px;display:flex;justify-content:center;overflow:hidden;width:100%}.details-image img{height:100%;object-fit:cover;width:100%}.no-image-placeholder.large{color:#999;font-size:18px}.details-info-section{display:flex;flex-direction:column;gap:24px}.details-header h1{color:#1a1a2e;font-size:28px;margin:0 0 8px}.details-subtitle{color:#666;font-size:16px;margin:0}.details-price-section{display:flex;gap:24px}.price-box{display:flex;flex-direction:column;gap:4px}.price-box .price-label{color:#666;font-size:12px;text-transform:uppercase}.price-box .price-value{color:#1a1a2e;font-size:20px;font-weight:600}.price-box .price-value.primary{color:#9d7bf9}.details-quick-specs{display:flex;flex-wrap:wrap;gap:16px}.quick-spec{align-items:center;background:#f5f5f5;border-radius:20px;color:#333;display:flex;font-size:14px;gap:8px;padding:8px 16px}.quick-spec .spec-icon{font-size:16px}.details-ratings{border-top:1px solid #eee;display:flex;gap:24px;padding-top:16px}.rating-box{align-items:center;display:flex;flex-direction:column;gap:4px}.rating-box .rating-value{color:#9d7bf9;font-size:24px;font-weight:600}.rating-box .rating-label{color:#666;font-size:12px}.details-colors h4{color:#666;font-size:14px;margin:0 0 12px}.color-swatches-large{display:flex;flex-wrap:wrap;gap:12px}.color-swatch-large{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:8px;transition:all .2s}.color-swatch-large:hover{background:#f5f5f5}.color-swatch-large.selected{background:#f0f7ff;border-color:#9d7bf9}.color-swatch-large .color-circle{border:2px solid #ddd;border-radius:50%;height:40px;width:40px}.color-swatch-large .color-name{color:#666;font-size:11px;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.specs-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.spec-row{background:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.spec-row .spec-label{color:#666;font-size:14px}.spec-row .spec-value{color:#1a1a2e;font-size:14px;font-weight:500}.spec-row .spec-value a{color:#9d7bf9;text-decoration:none}.spec-row .spec-value a:hover{text-decoration:underline}.variants-list{display:flex;flex-direction:column;gap:12px}.variant-list-item{align-items:center;background:#f9f9f9;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.variant-list-item:hover{background:#f0f7ff;box-shadow:0 2px 8px #2772ff1a}.variant-list-image{background:#eee;border-radius:6px;flex-shrink:0;height:50px;overflow:hidden;width:80px}.variant-list-image img{height:100%;object-fit:cover;width:100%}.variant-placeholder{align-items:center;background:#eee;color:#999;display:flex;font-size:20px;font-weight:600;height:100%;justify-content:center;width:100%}.variant-list-info{flex:1}.variant-list-info h4{color:#1a1a2e;font-size:14px;margin:0 0 4px}.variant-list-specs{color:#666;display:flex;font-size:12px;gap:12px}.variant-list-specs span{background:#e0e0e0;border-radius:4px;padding:2px 8px}.variant-list-price{color:#9d7bf9;font-size:14px;font-weight:600}.variant-list-arrow{color:#999;font-size:24px}.btn-view{background:#10b981;color:#fff}.btn-view:hover{background:#059669}@media (max-width:768px){.details-main,.specs-grid{grid-template-columns:1fr}.details-price-section{flex-direction:column;gap:12px}.color-swatches-large{justify-content:center}}.category-tabs{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px}.category-tab{background:#f9f9f9;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.category-tab:hover{background:#f0f7ff;border-color:#9d7bf9;color:#9d7bf9}.category-tab.active{background:#9d7bf9;border-color:#9d7bf9;color:#fff}.features-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.feature-item{align-items:center;background:#f9f9f9;border-left:3px solid #0000;border-radius:8px;display:flex;gap:10px;padding:12px 16px}.feature-item.available{border-left-color:#10b981}.feature-item.unavailable{border-left-color:#ef4444;opacity:.7}.feature-icon{flex-shrink:0;font-size:16px}.feature-item.available .feature-icon{color:#10b981}.feature-item.unavailable .feature-icon{color:#ef4444}.feature-name{color:#1a1a2e;flex:1;font-size:14px}.feature-value{background:#e0e0e0;border-radius:4px;color:#666;font-size:12px;padding:2px 8px}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.features-grid{grid-template-columns:1fr}.category-tabs{justify-content:center}}.colors-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:16px}.color-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.color-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.color-image{background:#fff;height:120px;overflow:hidden;width:100%}.color-image img{object-fit:cover}.color-image img,.color-swatch{height:100%;width:100%}.color-info{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:12px}.color-name{color:#333;flex:1;font-size:13px;font-weight:500}.color-badge{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ddd;height:20px;width:20px}@media (max-width:576px){.colors-grid{grid-template-columns:repeat(2,1fr)}}.gallery-carousel-container{display:flex;flex-direction:column;gap:16px}.gallery-carousel{background:#f5f5f5;border-radius:12px}.gallery-carousel,.gallery-main-image{overflow:hidden;position:relative;width:100%}.gallery-main-image{align-items:center;aspect-ratio:16/10;cursor:pointer;display:flex;justify-content:center}.gallery-main-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-main-image:hover img{transform:scale(1.02)}.gallery-expand-icon{align-items:center;background:#0009;border-radius:8px;bottom:12px;color:#fff;display:flex;font-size:18px;height:36px;justify-content:center;opacity:0;position:absolute;right:12px;transition:opacity .2s;width:36px}.gallery-main-image:hover .gallery-expand-icon{opacity:1}.gallery-nav{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#333;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:44px;z-index:10}.gallery-nav:hover{background:#9d7bf9;color:#fff;transform:translateY(-50%) scale(1.1)}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-counter{background:#0009;border-radius:20px;bottom:12px;color:#fff;font-size:13px;font-weight:500;left:12px;padding:6px 12px;position:absolute}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-color:#ddd #f5f5f5;scrollbar-width:thin}.gallery-thumbnails::-webkit-scrollbar{height:6px}.gallery-thumbnails::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.gallery-thumbnails::-webkit-scrollbar-thumb:hover{background:#ccc}.gallery-thumb{border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;opacity:.7;overflow:hidden;transition:all .2s ease;width:80px}.gallery-thumb:hover{border-color:#aaa;opacity:1}.gallery-thumb.active{border-color:#9d7bf9;box-shadow:0 0 0 2px #2772ff33;opacity:1}.gallery-thumb img{height:100%;object-fit:cover;width:100%}.lightbox-overlay{background:#000000f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{flex-direction:column;height:100%;padding:60px 80px;position:relative;width:100%}.lightbox-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:48px;z-index:10}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:56px;z-index:10}.lightbox-nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-image-container{align-items:center;display:flex;justify-content:center;max-height:80vh;max-width:100%}.lightbox-image-container img{border-radius:8px;max-height:80vh;max-width:100%;object-fit:contain}.lightbox-caption{align-items:center;bottom:20px;color:#fff;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.lightbox-caption span:first-child{font-size:14px;max-width:400px;opacity:.9}.lightbox-counter{background:#ffffff26;border-radius:20px;font-size:13px;padding:6px 14px}.card-header-with-action{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.card-header-with-action h3{border:none;margin:0;padding:0}@media (max-width:768px){.gallery-nav{font-size:16px;height:36px;width:36px}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-thumb{height:45px;width:60px}.lightbox-content{padding:50px 20px}.lightbox-nav{font-size:20px;height:44px;width:44px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{font-size:24px;height:40px;right:10px;top:10px;width:40px}}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f5f9;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@layer components{.alert,.alert-error,.alert-info,.alert-success,.alert-warning,.badge,.badge-blue,.badge-green,.badge-red,.badge-yellow,.btn,.btn-danger,.btn-primary,.btn-secondary,.btn-success,.card,.data-table,.data-table tbody tr:hover,.data-table td,.data-table th,.input,.label,.page-header,.page-title,.section-title,.table-container{@apply bg-blue-50 text-blue-700 border border-blue-200}}
/*# sourceMappingURL=main.3cde5523.css.map*/