.rating-display[data-v-b9bdc993]{align-items:center;display:inline-flex;gap:8px}.rating-display.interactive[data-v-b9bdc993]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rating-display.size-small[data-v-b9bdc993]{font-size:.75rem}.rating-display.size-small .star-icon[data-v-b9bdc993]{height:14px;width:14px}.rating-display.size-medium[data-v-b9bdc993]{font-size:.875rem}.rating-display.size-medium .star-icon[data-v-b9bdc993]{height:18px;width:18px}.rating-display.size-large[data-v-b9bdc993]{font-size:1rem}.rating-display.size-large .star-icon[data-v-b9bdc993]{height:24px;width:24px}.stars-container[data-v-b9bdc993]{align-items:center;display:flex;gap:4px}.star-wrapper[data-v-b9bdc993]{cursor:pointer;transition:transform .2s ease}.interactive .star-wrapper[data-v-b9bdc993]:hover{transform:scale(1.1)}.star-icon[data-v-b9bdc993]{transition:all .3s ease;fill:currentColor}.star-filled[data-v-b9bdc993],.star-half[data-v-b9bdc993]{color:#fbbf24}.star-half[data-v-b9bdc993]{opacity:.6}.star-empty[data-v-b9bdc993]{color:#d1d5db}.progress-rating[data-v-b9bdc993]{align-items:center;display:flex;gap:12px;min-width:200px}.progress-bar[data-v-b9bdc993]{background:#f3f4f6;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill[data-v-b9bdc993]{background:linear-gradient(90deg,#ef4444,#f59e0b 30%,#10b981 70%,#059669);border-radius:4px;height:100%;transition:width .4s ease}.progress-info[data-v-b9bdc993]{gap:4px;white-space:nowrap}.dots-rating[data-v-b9bdc993],.progress-info[data-v-b9bdc993]{align-items:center;display:flex}.dots-rating[data-v-b9bdc993]{gap:12px}.dots-container[data-v-b9bdc993]{display:flex;gap:4px}.dot[data-v-b9bdc993]{border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.dot-filled[data-v-b9bdc993]{background:#10b981;transform:scale(1.2)}.dot-half[data-v-b9bdc993]{background:#6b7280;transform:scale(1.1)}.dot-empty[data-v-b9bdc993]{background:#d1d5db}.interactive .dot[data-v-b9bdc993]:hover{transform:scale(1.4)}.numeric-rating[data-v-b9bdc993]{align-items:center;display:flex;gap:8px}.rating-badge[data-v-b9bdc993]{align-items:center;border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;gap:2px;padding:4px 8px}.rating-badge.excellent[data-v-b9bdc993]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.rating-badge.good[data-v-b9bdc993]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.rating-badge.average[data-v-b9bdc993]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rating-badge.poor[data-v-b9bdc993]{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.rating-badge.terrible[data-v-b9bdc993]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.rating-number[data-v-b9bdc993]{font-size:1em}.rating-separator[data-v-b9bdc993]{font-size:.9em;opacity:.7}.rating-total[data-v-b9bdc993]{font-size:.9em;opacity:.8}.rating-text[data-v-b9bdc993]{color:#6b7280;font-weight:500}.rating-description[data-v-b9bdc993]{color:#374151;font-size:.875rem;font-weight:500}.rating-score[data-v-b9bdc993]{color:#1f2937;font-weight:600}.rating-max[data-v-b9bdc993]{color:#6b7280;font-weight:500}.rating-input[data-v-b9bdc993]{background:#f9fafb;border-radius:12px;margin-top:16px;padding:20px;width:100%}.input-header[data-v-b9bdc993]{margin-bottom:20px;text-align:center}.input-title[data-v-b9bdc993]{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 4px}.input-subtitle[data-v-b9bdc993]{color:#6b7280;font-size:.875rem;margin:0}.number-buttons[data-v-b9bdc993]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.number-btn[data-v-b9bdc993]{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;height:40px;transition:all .3s ease;width:40px}.number-btn[data-v-b9bdc993]:hover{border-color:#10b981;color:#10b981;transform:translateY(-2px)}.number-btn.active[data-v-b9bdc993]{background:#10b981;border-color:#10b981;color:#fff;transform:scale(1.1)}.rating-labels[data-v-b9bdc993]{color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:20px}.submit-btn[data-v-b9bdc993]{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.submit-btn[data-v-b9bdc993]:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:640px){.progress-rating[data-v-b9bdc993]{min-width:150px}.number-buttons[data-v-b9bdc993]{gap:6px}.number-btn[data-v-b9bdc993]{font-size:.875rem;height:32px;width:32px}.rating-input[data-v-b9bdc993]{padding:16px}}@media (max-width:480px){.rating-display[data-v-b9bdc993]{align-items:flex-start;flex-direction:column;gap:4px}.progress-rating[data-v-b9bdc993]{min-width:unset;width:100%}.dots-rating[data-v-b9bdc993],.progress-rating[data-v-b9bdc993]{align-items:flex-start;flex-direction:column;gap:8px}}.product-card[data-v-341c6cc3]{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card[data-v-341c6cc3]:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.product-card.featured[data-v-341c6cc3]{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #10b981}.product-image[data-v-341c6cc3],.product-image-container[data-v-341c6cc3]{overflow:hidden;position:relative}.product-image[data-v-341c6cc3]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:280px}.product-img[data-v-341c6cc3]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.product-card:hover .product-img[data-v-341c6cc3]{transform:scale(1.08)}.product-overlay[data-v-341c6cc3]{display:flex;flex-direction:column;gap:8px;opacity:0;position:absolute;right:12px;top:12px;transform:translate(20px);transition:all .3s ease}.product-card:hover .product-overlay[data-v-341c6cc3]{opacity:1;transform:translate(0)}.action-btn[data-v-341c6cc3]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.action-btn.primary[data-v-341c6cc3]{background:#3b82f6e6;color:#fff}.action-btn.secondary[data-v-341c6cc3]{background:#10b981e6;color:#fff}.action-btn.danger[data-v-341c6cc3]{background:#ef4444e6;color:#fff}.action-btn[data-v-341c6cc3]:hover{transform:scale(1.1)}.product-badges[data-v-341c6cc3]{display:flex;flex-direction:column;gap:6px;left:12px;position:absolute;top:12px}.badge[data-v-341c6cc3]{border-radius:8px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge.featured[data-v-341c6cc3]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge.new[data-v-341c6cc3]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge.discount[data-v-341c6cc3]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.umkm-badge[data-v-341c6cc3]{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:8px;bottom:12px;color:#fff;font-size:.75rem;font-weight:600;left:12px;padding:6px 10px;position:absolute}.umkm-text[data-v-341c6cc3]{display:block;font-size:.7rem;opacity:.9}.umkm-location[data-v-341c6cc3]{display:block;font-size:.65rem;margin-top:1px;opacity:.8}.product-info[data-v-341c6cc3]{padding:20px}.product-meta[data-v-341c6cc3]{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.product-category[data-v-341c6cc3]{color:#6b7280;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.product-location[data-v-341c6cc3]{color:#10b981;font-size:.75rem;font-weight:500}.product-name[data-v-341c6cc3]{color:#1f2937;display:-webkit-box;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 12px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.umkm-info[data-v-341c6cc3]{border-bottom:1px solid #f3f4f6;justify-content:space-between;margin-bottom:12px;padding:8px 0}.umkm-info[data-v-341c6cc3],.umkm-owner[data-v-341c6cc3]{align-items:center;display:flex}.umkm-owner[data-v-341c6cc3]{gap:8px}.owner-avatar[data-v-341c6cc3]{border-radius:50%;height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.owner-name[data-v-341c6cc3]{color:#374151;font-size:.8rem;font-weight:500}.umkm-rating[data-v-341c6cc3]{align-items:center;display:flex;gap:4px}.rating-count[data-v-341c6cc3]{color:#6b7280;font-size:.75rem}.product-description[data-v-341c6cc3]{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 16px}.product-pricing[data-v-341c6cc3]{margin-bottom:16px}.price-main[data-v-341c6cc3]{align-items:center;display:flex;gap:8px;margin-bottom:4px}.current-price[data-v-341c6cc3]{color:#10b981;font-size:1.25rem;font-weight:700}.original-price[data-v-341c6cc3]{color:#9ca3af;font-size:1rem;text-decoration:line-through}.price-info[data-v-341c6cc3]{align-items:center;display:flex;justify-content:space-between}.price-unit[data-v-341c6cc3]{color:#6b7280;font-size:.75rem}.stock-info[data-v-341c6cc3]{border-radius:4px;font-size:.75rem;font-weight:500;padding:2px 6px}.stock-info.in-stock[data-v-341c6cc3]{background:#d1fae5;color:#10b981}.stock-info.low-stock[data-v-341c6cc3]{background:#fef3c7;color:#f59e0b}.stock-info.out-of-stock[data-v-341c6cc3]{background:#fee2e2;color:#ef4444}.product-rating[data-v-341c6cc3]{align-items:center;display:flex;gap:8px;margin-bottom:16px}.rating-score[data-v-341c6cc3]{color:#1f2937;font-size:.875rem;font-weight:600}.review-count[data-v-341c6cc3]{color:#6b7280;font-size:.75rem}.product-actions[data-v-341c6cc3]{display:flex;gap:8px}.btn[data-v-341c6cc3]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.btn-primary[data-v-341c6cc3]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary[data-v-341c6cc3]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-primary[data-v-341c6cc3]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.btn-outline[data-v-341c6cc3]{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline[data-v-341c6cc3]:hover{background:#f9fafb;border-color:#10b981;color:#10b981;transform:translateY(-2px)}@media (max-width:640px){.product-image[data-v-341c6cc3]{height:220px}.product-info[data-v-341c6cc3]{padding:16px}.product-name[data-v-341c6cc3]{font-size:1rem}.product-actions[data-v-341c6cc3],.umkm-info[data-v-341c6cc3]{flex-direction:column}.umkm-info[data-v-341c6cc3]{align-items:flex-start;gap:8px}.action-btn[data-v-341c6cc3]{height:36px;width:36px}}@media (max-width:480px){.price-main[data-v-341c6cc3],.product-meta[data-v-341c6cc3]{align-items:flex-start;flex-direction:column;gap:4px}.current-price[data-v-341c6cc3]{font-size:1.125rem}}.product-filter[data-v-2b86557b]{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.filter-header[data-v-2b86557b]{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-title-section[data-v-2b86557b]{flex:1}.filter-title[data-v-2b86557b]{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 4px}.results-count[data-v-2b86557b]{color:#6b7280;font-size:.875rem;margin:0}.filter-actions[data-v-2b86557b]{align-items:center;display:flex;gap:12px}.mobile-filter-toggle[data-v-2b86557b]{display:none;position:relative}.filter-badge[data-v-2b86557b]{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.filter-content[data-v-2b86557b]{display:block}.filter-content.mobile-hidden[data-v-2b86557b]{display:none}.search-section[data-v-2b86557b]{margin-bottom:24px}.search-container[data-v-2b86557b]{position:relative}.search-input-wrapper[data-v-2b86557b]{align-items:center;display:flex;position:relative}.search-icon[data-v-2b86557b]{color:#6b7280;font-size:1rem;left:16px;position:absolute;z-index:1}.search-input[data-v-2b86557b]{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:16px 20px 16px 48px;transition:all .3s ease;width:100%}.search-input[data-v-2b86557b]:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.clear-search[data-v-2b86557b]{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:16px;transition:all .2s ease}.clear-search[data-v-2b86557b]:hover{background:#f3f4f6;color:#374151}.search-suggestions[data-v-2b86557b]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 25px #00000026;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item[data-v-2b86557b]{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.suggestion-item[data-v-2b86557b]:hover{background:#f9fafb}.suggestion-item[data-v-2b86557b]:not(:last-child){border-bottom:1px solid #f3f4f6}.suggestion-icon[data-v-2b86557b]{font-size:1rem}.suggestion-text[data-v-2b86557b]{color:#1f2937;flex:1;font-weight:500}.suggestion-type[data-v-2b86557b]{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:.75rem;padding:2px 6px}.quick-filters[data-v-2b86557b]{margin-bottom:24px}.section-title[data-v-2b86557b]{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.quick-filter-buttons[data-v-2b86557b]{display:flex;flex-wrap:wrap;gap:8px}.quick-filter-btn[data-v-2b86557b]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.quick-filter-btn[data-v-2b86557b]:hover{border-color:#10b981;color:#10b981}.quick-filter-btn.active[data-v-2b86557b]{background:#10b981;border-color:#10b981;color:#fff}.filter-icon[data-v-2b86557b]{font-size:1rem}.filter-count[data-v-2b86557b]{font-size:.75rem;opacity:.8}.filters-grid[data-v-2b86557b]{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.filter-group[data-v-2b86557b]{display:flex;flex-direction:column;gap:8px}.filter-label[data-v-2b86557b]{font-weight:600}.filter-label[data-v-2b86557b],.filter-select[data-v-2b86557b]{color:#374151;font-size:.875rem}.filter-select[data-v-2b86557b]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;transition:all .3s ease}.filter-select[data-v-2b86557b]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.filter-select[data-v-2b86557b]:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.location-filters[data-v-2b86557b]{display:grid;gap:12px;grid-template-columns:1fr 1fr}.price-filter[data-v-2b86557b]{display:flex;flex-direction:column;gap:12px}.price-inputs[data-v-2b86557b]{align-items:center;display:flex;gap:8px}.price-input[data-v-2b86557b]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;font-size:.875rem;padding:8px 12px;transition:all .3s ease}.price-input[data-v-2b86557b]:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a;outline:none}.price-separator[data-v-2b86557b]{color:#6b7280;font-weight:500}.price-slider[data-v-2b86557b]{background:#f3f4f6;border-radius:3px;height:6px;margin:8px 0;position:relative}.range-input[data-v-2b86557b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;height:6px;left:0;outline:none;pointer-events:none;position:absolute;top:0;width:100%}.range-input[data-v-2b86557b]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#10b981;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;pointer-events:all;width:18px}.range-input[data-v-2b86557b]::-moz-range-thumb{background:#10b981;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;pointer-events:all;width:18px}.price-labels[data-v-2b86557b]{color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.rating-filter[data-v-2b86557b],.rating-options[data-v-2b86557b]{display:flex;flex-direction:column;gap:8px}.rating-option[data-v-2b86557b]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;transition:all .3s ease}.rating-option[data-v-2b86557b]:hover{background:#f0fdf4;border-color:#10b981}.rating-option.active[data-v-2b86557b]{background:#10b981;border-color:#10b981;color:#fff}.rating-label[data-v-2b86557b]{font-size:.875rem;font-weight:500}.checkbox-filters[data-v-2b86557b]{display:flex;flex-direction:column;gap:8px}.checkbox-item[data-v-2b86557b]{align-items:center;cursor:pointer;display:flex;gap:8px;padding:4px 0}.checkbox-item input[type=checkbox][data-v-2b86557b]{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.checkbox-text[data-v-2b86557b]{color:#374151;cursor:pointer;font-size:.875rem}.active-filters[data-v-2b86557b]{border-top:1px solid #f3f4f6;padding-top:20px}.active-filters-header[data-v-2b86557b]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.active-filters-title[data-v-2b86557b]{color:#374151;font-size:.875rem;font-weight:600}.clear-all-btn[data-v-2b86557b]{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.875rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.clear-all-btn[data-v-2b86557b]:hover{background:#fef2f2}.active-filters-list[data-v-2b86557b]{display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag[data-v-2b86557b]{align-items:center;background:#10b981;border-radius:6px;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 10px}.filter-label-text[data-v-2b86557b]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-filter[data-v-2b86557b]{background:none;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:.9rem;opacity:.8;padding:2px;transition:opacity .2s ease}.remove-filter[data-v-2b86557b]:hover{background:#fff3;opacity:1}.btn[data-v-2b86557b]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .3s ease}.btn-sm[data-v-2b86557b]{font-size:.8rem;padding:6px 12px}.btn-primary[data-v-2b86557b]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary[data-v-2b86557b]:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-outline[data-v-2b86557b]{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline[data-v-2b86557b]:hover{background:#f9fafb;border-color:#10b981;color:#10b981}@media (max-width:1024px){.filters-grid[data-v-2b86557b]{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.product-filter[data-v-2b86557b]{padding:20px}.filter-header[data-v-2b86557b]{align-items:stretch;flex-direction:column;gap:12px}.filter-actions[data-v-2b86557b]{justify-content:space-between}.mobile-filter-toggle[data-v-2b86557b]{display:inline-flex}.filter-content.mobile-hidden[data-v-2b86557b]{display:none}.filters-grid[data-v-2b86557b]{gap:16px;grid-template-columns:1fr}.location-filters[data-v-2b86557b]{gap:8px;grid-template-columns:1fr}.quick-filter-buttons[data-v-2b86557b]{gap:6px}.quick-filter-btn[data-v-2b86557b]{font-size:.8rem;padding:6px 10px}.active-filters-header[data-v-2b86557b]{align-items:flex-start;flex-direction:column;gap:8px}.search-input[data-v-2b86557b]{font-size:.9rem;padding:14px 18px 14px 44px}}@media (max-width:640px){.product-filter[data-v-2b86557b]{border-radius:12px;padding:16px}.filter-title[data-v-2b86557b]{font-size:1.125rem}.search-input[data-v-2b86557b]{padding:12px 16px 12px 40px}.search-icon[data-v-2b86557b]{left:12px}.clear-search[data-v-2b86557b]{right:12px}.price-inputs[data-v-2b86557b]{flex-direction:column;gap:8px}.price-separator[data-v-2b86557b]{display:none}.rating-options[data-v-2b86557b]{gap:6px}.rating-option[data-v-2b86557b]{padding:6px 10px}.active-filter-tag[data-v-2b86557b]{padding:4px 8px}.filter-label-text[data-v-2b86557b]{max-width:100px}}@media (max-width:480px){.quick-filter-btn[data-v-2b86557b],.quick-filter-buttons[data-v-2b86557b]{justify-content:center}.quick-filter-btn[data-v-2b86557b]{flex:1;min-width:0}.quick-filter-btn .filter-count[data-v-2b86557b]{display:none}.suggestion-item[data-v-2b86557b]{gap:8px;padding:10px 12px}.suggestion-text[data-v-2b86557b]{font-size:.875rem}.btn[data-v-2b86557b]{justify-content:center;width:100%}}@media (max-width:768px){.filter-content[data-v-2b86557b]{overflow:hidden;transition:all .3s ease}.filter-content.mobile-hidden[data-v-2b86557b]{margin-top:0;max-height:0;opacity:0}.filter-content[data-v-2b86557b]:not(.mobile-hidden){margin-top:16px;max-height:2000px;opacity:1}}.btn[data-v-2b86557b]:focus,.filter-select[data-v-2b86557b]:focus,.price-input[data-v-2b86557b]:focus,.quick-filter-btn[data-v-2b86557b]:focus,.rating-option[data-v-2b86557b]:focus,.search-input[data-v-2b86557b]:focus{outline:2px solid #10b981;outline-offset:2px}@media (prefers-contrast:high){.filter-select[data-v-2b86557b],.price-input[data-v-2b86557b],.product-filter[data-v-2b86557b],.search-input[data-v-2b86557b]{border:2px solid #000}.btn-primary[data-v-2b86557b]{background:#000;color:#fff}.btn-outline[data-v-2b86557b]{border:2px solid #000;color:#000}}@media (prefers-reduced-motion:reduce){[data-v-2b86557b]{animation:none!important;transition:none!important}}.product-pagination[data-v-5ff4884c]{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:20px;margin-top:40px;padding:24px}.pagination-info[data-v-5ff4884c]{justify-content:space-between}.items-info[data-v-5ff4884c],.pagination-info[data-v-5ff4884c]{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.info-text[data-v-5ff4884c]{color:#6b7280;font-size:.875rem}.info-text strong[data-v-5ff4884c]{color:#1f2937;font-weight:600}.items-per-page[data-v-5ff4884c]{align-items:center;display:flex;gap:8px}.items-label[data-v-5ff4884c]{font-weight:500}.items-label[data-v-5ff4884c],.items-select[data-v-5ff4884c]{color:#374151;font-size:.875rem}.items-select[data-v-5ff4884c]{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:6px 12px;transition:all .3s ease}.items-select[data-v-5ff4884c]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.page-jump[data-v-5ff4884c]{align-items:center;display:flex;gap:8px}.jump-label[data-v-5ff4884c]{color:#374151;font-size:.875rem;font-weight:500}.jump-input[data-v-5ff4884c]{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:6px 8px;text-align:center;transition:all .3s ease;width:60px}.jump-input[data-v-5ff4884c]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.jump-btn[data-v-5ff4884c]{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.jump-btn[data-v-5ff4884c]:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.jump-btn[data-v-5ff4884c]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.pagination-controls[data-v-5ff4884c]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination-btn[data-v-5ff4884c]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;min-height:44px;padding:10px 16px;transition:all .3s ease}.pagination-btn[data-v-5ff4884c]:hover:not(:disabled){background:#f9fafb;border-color:#10b981;color:#10b981;transform:translateY(-1px)}.pagination-btn[data-v-5ff4884c]:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.first-btn[data-v-5ff4884c],.last-btn[data-v-5ff4884c]{font-weight:600}.page-numbers[data-v-5ff4884c]{gap:4px}.page-btn[data-v-5ff4884c],.page-numbers[data-v-5ff4884c]{align-items:center;display:flex}.page-btn[data-v-5ff4884c]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;height:44px;justify-content:center;transition:all .3s ease;width:44px}.page-btn[data-v-5ff4884c]:hover{background:#f9fafb;border-color:#10b981;color:#10b981}.page-btn.active[data-v-5ff4884c]{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff;font-weight:600;transform:scale(1.05)}.page-dots[data-v-5ff4884c]{align-items:center;color:#9ca3af;display:flex;font-weight:600;height:44px;padding:0 8px}.mobile-pagination[data-v-5ff4884c]{align-items:center;display:none;gap:16px;justify-content:space-between}.mobile-btn[data-v-5ff4884c]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;max-width:140px;padding:12px 16px;transition:all .3s ease}.mobile-btn[data-v-5ff4884c]:hover:not(:disabled){background:#f9fafb;border-color:#10b981;color:#10b981}.mobile-btn[data-v-5ff4884c]:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.mobile-page-info[data-v-5ff4884c]{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px}.current-page[data-v-5ff4884c]{font-size:1.125rem}.page-separator[data-v-5ff4884c]{opacity:.8}.total-pages[data-v-5ff4884c]{opacity:.9}.pagination-loading[data-v-5ff4884c]{align-items:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;display:flex;gap:12px;justify-content:center;padding:20px}.loading-spinner[data-v-5ff4884c]{animation:spin-5ff4884c 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:20px;width:20px}@keyframes spin-5ff4884c{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text[data-v-5ff4884c]{color:#6b7280;font-size:.875rem;font-weight:500}.quick-navigation[data-v-5ff4884c]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.quick-nav-title[data-v-5ff4884c]{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:8px}.quick-nav-buttons[data-v-5ff4884c]{display:flex;flex-wrap:wrap;gap:6px}.quick-nav-btn[data-v-5ff4884c]{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.quick-nav-btn[data-v-5ff4884c]:hover{border-color:#10b981;color:#10b981}.quick-nav-btn.active[data-v-5ff4884c]{background:#10b981;border-color:#10b981;color:#fff}.pagination-summary[data-v-5ff4884c]{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5;border-radius:8px;padding:16px}.summary-stats[data-v-5ff4884c]{display:flex;gap:16px;justify-content:space-around}.stat-item[data-v-5ff4884c]{text-align:center}.stat-label[data-v-5ff4884c]{color:#6b7280;display:block;font-size:.75rem;margin-bottom:4px}.stat-value[data-v-5ff4884c]{color:#10b981;display:block;font-size:1.125rem;font-weight:700}.icon-first[data-v-5ff4884c],.icon-last[data-v-5ff4884c],.icon-next[data-v-5ff4884c],.icon-prev[data-v-5ff4884c]{font-size:.875rem}.btn-text[data-v-5ff4884c]{white-space:nowrap}@media (max-width:768px){.product-pagination[data-v-5ff4884c]{gap:16px;padding:16px}.pagination-info[data-v-5ff4884c]{gap:12px}.items-info[data-v-5ff4884c],.pagination-info[data-v-5ff4884c]{align-items:stretch;flex-direction:column}.items-info[data-v-5ff4884c]{gap:8px}.pagination-controls[data-v-5ff4884c]{display:none}.mobile-pagination[data-v-5ff4884c]{display:flex}.page-jump[data-v-5ff4884c]{justify-content:center}.summary-stats[data-v-5ff4884c]{flex-direction:column;gap:8px}.quick-nav-buttons[data-v-5ff4884c]{justify-content:center}}@media (max-width:640px){.mobile-btn[data-v-5ff4884c]{font-size:.8rem;padding:10px 12px}.mobile-btn .btn-text[data-v-5ff4884c]{display:none}.mobile-page-info[data-v-5ff4884c]{font-size:.9rem;padding:10px 16px}.pagination-info[data-v-5ff4884c]{text-align:center}.info-text[data-v-5ff4884c]{font-size:.8rem}}@media (max-width:480px){.product-pagination[data-v-5ff4884c]{padding:12px}.items-per-page[data-v-5ff4884c],.page-jump[data-v-5ff4884c]{display:none}.mobile-page-info[data-v-5ff4884c]{padding:8px 12px}.stat-item[data-v-5ff4884c]{padding:8px}}@media (prefers-contrast:high){.mobile-btn[data-v-5ff4884c],.page-btn[data-v-5ff4884c],.pagination-btn[data-v-5ff4884c]{border:2px solid #000}.page-btn.active[data-v-5ff4884c],.pagination-btn.active[data-v-5ff4884c]{background:#000;color:#fff}}@media (prefers-reduced-motion:reduce){[data-v-5ff4884c]{animation:none!important;transition:none!important}}.items-select[data-v-5ff4884c]:focus,.jump-btn[data-v-5ff4884c]:focus,.jump-input[data-v-5ff4884c]:focus,.mobile-btn[data-v-5ff4884c]:focus,.page-btn[data-v-5ff4884c]:focus,.pagination-btn[data-v-5ff4884c]:focus{outline:2px solid #10b981;outline-offset:2px}.modal-backdrop[data-v-4122b7b4]{align-items:center;animation:fadeIn-4122b7b4 .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn-4122b7b4{0%{opacity:0}to{opacity:1}}.modal-container[data-v-4122b7b4]{animation:slideUp-4122b7b4 .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideUp-4122b7b4{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container.modal-entering[data-v-4122b7b4]{animation:slideUp-4122b7b4 .3s ease}.modal-container.modal-leaving[data-v-4122b7b4]{animation:slideDown-4122b7b4 .3s ease}@keyframes slideDown-4122b7b4{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.95)}}.modal-header[data-v-4122b7b4]{align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 32px}.header-content[data-v-4122b7b4]{flex:1}.modal-title[data-v-4122b7b4]{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0 0 4px}.title-icon[data-v-4122b7b4]{font-size:1.25rem}.modal-subtitle[data-v-4122b7b4]{color:#6b7280;font-size:.875rem;margin:0}.close-btn[data-v-4122b7b4]{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1;padding:8px;transition:all .3s ease}.close-btn[data-v-4122b7b4]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-4122b7b4]{flex:1;overflow-y:auto;padding:0}.product-form[data-v-4122b7b4]{padding:32px}.form-steps[data-v-4122b7b4]{background:#f9fafb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:32px;padding:20px}.step-item[data-v-4122b7b4]{align-items:center;display:flex;flex:1;gap:12px;position:relative}.step-item[data-v-4122b7b4]:not(:last-child):after{background:#e5e7eb;content:"";height:2px;position:absolute;right:-50%;top:15px;width:100%;z-index:1}.step-item.completed[data-v-4122b7b4]:not(:last-child):after{background:#10b981}.step-number[data-v-4122b7b4]{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px;z-index:2}.step-item.active .step-number[data-v-4122b7b4]{background:#10b981;color:#fff}.step-item.completed .step-number[data-v-4122b7b4]{background:#059669;color:#fff}.step-info[data-v-4122b7b4]{flex:1}.step-title[data-v-4122b7b4]{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:2px}.step-item.active .step-title[data-v-4122b7b4]{color:#10b981}.step-description[data-v-4122b7b4]{color:#6b7280;font-size:.75rem}.form-step[data-v-4122b7b4]{margin-bottom:24px}.step-header[data-v-4122b7b4]{align-items:center;border-bottom:2px solid #f3f4f6;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:12px}.step-icon[data-v-4122b7b4]{font-size:1.25rem}.form-grid[data-v-4122b7b4]{display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group[data-v-4122b7b4]{display:flex;flex-direction:column;gap:6px}.form-group.col-span-2[data-v-4122b7b4]{grid-column:span 2}.form-label[data-v-4122b7b4]{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:4px}.form-label.required[data-v-4122b7b4]:after{color:#ef4444;content:"*";font-weight:700}.form-sublabel[data-v-4122b7b4]{color:#6b7280;font-size:.8rem;font-weight:500;margin-bottom:4px}.form-input[data-v-4122b7b4],.form-select[data-v-4122b7b4],.form-textarea[data-v-4122b7b4]{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.875rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input[data-v-4122b7b4]:focus,.form-select[data-v-4122b7b4]:focus,.form-textarea[data-v-4122b7b4]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-input.error[data-v-4122b7b4],.form-select.error[data-v-4122b7b4],.form-textarea.error[data-v-4122b7b4]{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea[data-v-4122b7b4]{min-height:80px;resize:vertical}.price-input-wrapper[data-v-4122b7b4]{align-items:center;display:flex;position:relative}.currency-prefix[data-v-4122b7b4]{color:#6b7280;font-weight:500;left:16px;position:absolute;z-index:1}.price-input[data-v-4122b7b4]{padding-left:40px}.input-helper[data-v-4122b7b4]{align-items:center;color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.char-count[data-v-4122b7b4]{font-weight:500}.price-formatted[data-v-4122b7b4]{color:#10b981;font-weight:600}.error-message[data-v-4122b7b4]{color:#ef4444;font-size:.75rem;font-weight:500}.rating-section[data-v-4122b7b4]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.rating-description[data-v-4122b7b4]{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 16px}.rating-questions[data-v-4122b7b4]{margin-top:24px}.questions-title[data-v-4122b7b4]{color:#374151;font-size:1rem;font-weight:600;margin:0 0 16px}.rating-question[data-v-4122b7b4]{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.rating-question[data-v-4122b7b4]:last-child{border-bottom:none}.question-label[data-v-4122b7b4]{color:#374151;flex:1;font-size:.875rem;font-weight:500}.question-rating[data-v-4122b7b4]{flex-shrink:0}.overall-rating[data-v-4122b7b4]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:12px;margin-top:20px;padding:16px}.overall-label[data-v-4122b7b4]{color:#374151;font-weight:600;white-space:nowrap}.checkbox-grid[data-v-4122b7b4]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-item[data-v-4122b7b4]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .3s ease}.checkbox-item[data-v-4122b7b4]:hover{background:#f3f4f6}.checkbox-item input[type=checkbox][data-v-4122b7b4]{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.checkbox-text[data-v-4122b7b4]{color:#374151;cursor:pointer;font-size:.875rem}.discount-inputs[data-v-4122b7b4]{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.discount-preview[data-v-4122b7b4]{align-items:center;background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;display:flex;gap:8px;padding:12px}.preview-text[data-v-4122b7b4]{color:#6b7280;font-size:.875rem;font-weight:500}.original-price[data-v-4122b7b4]{color:#9ca3af;font-size:.875rem;text-decoration:line-through}.current-price[data-v-4122b7b4]{color:#10b981;font-size:1rem;font-weight:600}.discount-badge[data-v-4122b7b4]{background:#ef4444;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px}.image-upload-section[data-v-4122b7b4]{display:flex;flex-direction:column;gap:20px}.image-upload-area[data-v-4122b7b4]{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.image-upload-area.drag-over[data-v-4122b7b4],.image-upload-area[data-v-4122b7b4]:hover{background:#f0fdf4;border-color:#10b981}.hidden-input[data-v-4122b7b4]{display:none}.upload-placeholder[data-v-4122b7b4]{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon[data-v-4122b7b4]{color:#6b7280;font-size:3rem}.upload-title[data-v-4122b7b4]{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.upload-description[data-v-4122b7b4]{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.upload-btn[data-v-4122b7b4]{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.upload-btn[data-v-4122b7b4]:hover{background:#059669}.image-preview-grid[data-v-4122b7b4]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-preview-item[data-v-4122b7b4]{aspect-ratio:1;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease}.image-preview-item[data-v-4122b7b4]:hover{border-color:#10b981;transform:scale(1.02)}.preview-image[data-v-4122b7b4]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-overlay[data-v-4122b7b4]{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .3s ease}.image-preview-item:hover .image-overlay[data-v-4122b7b4]{opacity:1}.main-image-btn[data-v-4122b7b4],.remove-image-btn[data-v-4122b7b4]{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-image-btn[data-v-4122b7b4]:hover{background:#ef4444}.main-image-btn[data-v-4122b7b4]:hover{background:#10b981}.main-image-btn.active[data-v-4122b7b4]{background:#fbbf24}.main-image-badge[data-v-4122b7b4]{background:linear-gradient(135deg,#fbbf24,#f59e0b);bottom:0;color:#fff;font-size:.75rem;font-weight:600;left:0;padding:4px 8px;position:absolute;right:0;text-align:center}.add-more-images[data-v-4122b7b4]{align-items:center;aspect-ratio:1;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.add-more-images[data-v-4122b7b4]:hover{background:#f0fdf4;border-color:#10b981}.add-icon[data-v-4122b7b4]{color:#6b7280;font-size:2rem;margin-bottom:8px}.add-text[data-v-4122b7b4]{color:#6b7280;font-size:.875rem;font-weight:500}.upload-progress[data-v-4122b7b4]{display:flex;flex-direction:column;gap:8px}.progress-bar[data-v-4122b7b4]{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill[data-v-4122b7b4]{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.progress-text[data-v-4122b7b4]{color:#6b7280;font-size:.875rem;text-align:center}.image-guidelines[data-v-4122b7b4]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.guidelines-title[data-v-4122b7b4]{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 8px}.guidelines-list[data-v-4122b7b4]{color:#6b7280;font-size:.8rem;line-height:1.5;margin:0;padding-left:16px}.guidelines-list li[data-v-4122b7b4]{margin-bottom:4px}.form-navigation[data-v-4122b7b4]{border-top:1px solid #f3f4f6;margin-top:32px;padding-top:24px}.nav-buttons[data-v-4122b7b4]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.step-indicator[data-v-4122b7b4]{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:500;padding:8px 16px}.progress-steps[data-v-4122b7b4]{background:#f3f4f6;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-bar-steps[data-v-4122b7b4]{background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;height:100%;transition:width .3s ease}.btn[data-v-4122b7b4]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.btn-primary[data-v-4122b7b4]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary[data-v-4122b7b4]:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-primary[data-v-4122b7b4]:hover:not(:disabled),.btn-success[data-v-4122b7b4]{background:linear-gradient(135deg,#059669,#047857)}.btn-success[data-v-4122b7b4]{color:#fff}.btn-success[data-v-4122b7b4]:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.btn-outline[data-v-4122b7b4]{background:#fff;border:2px solid #d1d5db;color:#374151}.btn-outline[data-v-4122b7b4]:hover:not(:disabled){background:#f9fafb;border-color:#10b981;color:#10b981}.btn[data-v-4122b7b4]:disabled{background:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.btn-icon[data-v-4122b7b4]{font-size:1rem}.btn-icon.loading[data-v-4122b7b4]{animation:spin-4122b7b4 1s linear infinite}@keyframes spin-4122b7b4{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.modal-backdrop[data-v-4122b7b4]{padding:10px}.modal-container[data-v-4122b7b4]{border-radius:16px;max-height:95vh}.modal-header[data-v-4122b7b4]{padding:20px 24px}.product-form[data-v-4122b7b4]{padding:24px}.form-grid[data-v-4122b7b4]{gap:16px;grid-template-columns:1fr}.form-group.col-span-2[data-v-4122b7b4]{grid-column:span 1}.form-steps[data-v-4122b7b4]{flex-direction:column;gap:16px}.step-item[data-v-4122b7b4]:not(:last-child):after{display:none}.discount-inputs[data-v-4122b7b4]{grid-template-columns:1fr}.image-preview-grid[data-v-4122b7b4]{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.nav-buttons[data-v-4122b7b4]{flex-direction:column;gap:12px}.btn[data-v-4122b7b4]{width:100%}}@media (max-width:480px){.modal-header[data-v-4122b7b4]{padding:16px 20px}.product-form[data-v-4122b7b4]{padding:20px}.modal-title[data-v-4122b7b4]{font-size:1.25rem}.step-header[data-v-4122b7b4]{font-size:1rem}.upload-placeholder[data-v-4122b7b4]{padding:20px 10px}.upload-icon[data-v-4122b7b4]{font-size:2rem}.image-preview-grid[data-v-4122b7b4]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (prefers-contrast:high){.form-input[data-v-4122b7b4],.form-select[data-v-4122b7b4],.form-textarea[data-v-4122b7b4]{border:3px solid #000}.btn-primary[data-v-4122b7b4],.btn-success[data-v-4122b7b4]{background:#000;color:#fff}.btn-outline[data-v-4122b7b4]{border:3px solid #000;color:#000}}@media (prefers-reduced-motion:reduce){[data-v-4122b7b4]{animation:none!important;transition:none!important}}.btn[data-v-4122b7b4]:focus,.close-btn[data-v-4122b7b4]:focus,.form-input[data-v-4122b7b4]:focus,.form-select[data-v-4122b7b4]:focus,.form-textarea[data-v-4122b7b4]:focus{outline:2px solid #10b981;outline-offset:2px}.category-slider-container[data-v-f9e260f6]{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;box-shadow:0 4px 20px #00000014;padding:24px 0}.slider-header[data-v-f9e260f6]{margin-bottom:32px;padding:0 32px;text-align:center}.slider-title[data-v-f9e260f6]{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.title-icon[data-v-f9e260f6]{font-size:1.5rem}.slider-subtitle[data-v-f9e260f6]{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.categories-loading[data-v-f9e260f6]{padding:0 32px}.loading-categories[data-v-f9e260f6]{display:flex;gap:20px;overflow:hidden}.loading-category[data-v-f9e260f6]{animation:pulse-f9e260f6 1.5s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;min-width:280px;overflow:hidden}.loading-image[data-v-f9e260f6]{animation:shimmer-f9e260f6 1.5s infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;height:200px}.loading-text[data-v-f9e260f6]{display:flex;flex-direction:column;gap:8px;padding:16px}.loading-line[data-v-f9e260f6]{animation:shimmer-f9e260f6 1.5s infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;border-radius:6px;height:12px}.loading-line.short[data-v-f9e260f6]{width:60%}.loading-line.medium[data-v-f9e260f6]{width:80%}@keyframes pulse-f9e260f6{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer-f9e260f6{0%{background-position:-200% 0}to{background-position:200% 0}}.category-slider[data-v-f9e260f6]{padding:0 32px;position:relative}.nav-btn[data-v-f9e260f6]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:2}.nav-btn[data-v-f9e260f6]:hover:not(:disabled){background:#10b981;border-color:#10b981;color:#fff;transform:translateY(-50%) scale(1.1)}.nav-btn[data-v-f9e260f6]:disabled{cursor:not-allowed;opacity:.5;transform:translateY(-50%)}.nav-prev[data-v-f9e260f6]{left:8px}.nav-next[data-v-f9e260f6]{right:8px}.nav-icon[data-v-f9e260f6]{font-size:1.2rem}.categories-container[data-v-f9e260f6]{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:0 60px;padding:8px 0}.categories-container[data-v-f9e260f6]::-webkit-scrollbar{display:none}.category-card[data-v-f9e260f6]{background:#fff;border:2px solid transparent;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;min-width:280px;overflow:hidden;position:relative;transition:all .3s ease}.category-card[data-v-f9e260f6]:hover{border-color:#10b981;box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.category-card.active[data-v-f9e260f6]{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.category-image-container[data-v-f9e260f6]{height:200px;overflow:hidden;position:relative}.category-image[data-v-f9e260f6]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.category-card:hover .category-image[data-v-f9e260f6]{transform:scale(1.1)}.category-overlay[data-v-f9e260f6]{align-items:center;background:linear-gradient(135deg,#0009,#0000004d);display:flex;justify-content:center;inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.category-card:hover .category-overlay[data-v-f9e260f6]{opacity:1}.category-icon[data-v-f9e260f6]{font-size:3rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.category-badge[data-v-f9e260f6]{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.75rem;font-weight:600;padding:6px 10px;position:absolute;right:12px;text-align:center;top:12px}.badge-count[data-v-f9e260f6]{display:block;font-size:.9rem;line-height:1}.badge-text[data-v-f9e260f6]{display:block;font-size:.65rem;margin-top:2px;opacity:.9}.category-info[data-v-f9e260f6]{padding:20px}.category-name[data-v-f9e260f6]{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 8px}.category-description[data-v-f9e260f6]{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 16px}.category-stats[data-v-f9e260f6]{display:flex;gap:12px;justify-content:space-between}.stat-item[data-v-f9e260f6]{align-items:center;color:#374151;display:flex;font-size:.8rem;gap:6px}.stat-icon[data-v-f9e260f6]{font-size:.9rem}.stat-text[data-v-f9e260f6]{font-weight:500}.selection-indicator[data-v-f9e260f6]{align-items:center;background:#10b981;border-radius:50%;display:flex;height:28px;justify-content:center;left:12px;opacity:0;position:absolute;top:12px;transform:scale(0);transition:all .3s ease;width:28px}.category-card.active .selection-indicator[data-v-f9e260f6]{opacity:1;transform:scale(1)}.check-icon[data-v-f9e260f6]{color:#fff;font-size:1rem;font-weight:700}.view-all-card[data-v-f9e260f6]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.view-all-card[data-v-f9e260f6]:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.view-all-content[data-v-f9e260f6]{flex-direction:column;height:100%;padding:20px;text-align:center}.view-all-content[data-v-f9e260f6],.view-all-icon[data-v-f9e260f6]{align-items:center;display:flex;justify-content:center}.view-all-icon[data-v-f9e260f6]{background:#fff3;border-radius:50%;height:60px;margin-bottom:16px;width:60px}.all-icon[data-v-f9e260f6]{font-size:1.5rem}.view-all-title[data-v-f9e260f6]{font-size:1.125rem;font-weight:700;margin:0 0 8px}.view-all-description[data-v-f9e260f6]{font-size:.875rem;line-height:1.4;margin:0 0 16px;opacity:.9}.view-all-arrow[data-v-f9e260f6]{font-size:1.2rem;transform:translate(0);transition:transform .3s ease}.view-all-card:hover .view-all-arrow[data-v-f9e260f6]{transform:translate(4px)}.slider-indicators[data-v-f9e260f6]{display:flex;gap:8px;justify-content:center;margin-top:24px;padding:0 32px}.indicator-dot[data-v-f9e260f6]{background:#d1d5db;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator-dot[data-v-f9e260f6]:hover{background:#9ca3af;transform:scale(1.2)}.indicator-dot.active[data-v-f9e260f6]{background:#10b981;transform:scale(1.3)}.quick-actions[data-v-f9e260f6]{display:flex;gap:12px;justify-content:center;margin-top:20px;padding:0 32px}.quick-action-btn[data-v-f9e260f6]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 12px;transition:all .3s ease}.quick-action-btn[data-v-f9e260f6]:hover{background:#f9fafb;border-color:#10b981;color:#10b981;transform:translateY(-2px)}.action-icon[data-v-f9e260f6]{font-size:1rem}.action-text[data-v-f9e260f6]{font-weight:500}@media (max-width:768px){.category-slider-container[data-v-f9e260f6]{padding:20px 0}.slider-header[data-v-f9e260f6]{margin-bottom:24px;padding:0 20px}.slider-title[data-v-f9e260f6]{font-size:1.5rem}.category-slider[data-v-f9e260f6]{padding:0 20px}.categories-container[data-v-f9e260f6]{margin:0 40px}.category-card[data-v-f9e260f6]{min-width:240px}.nav-btn[data-v-f9e260f6]{height:40px;width:40px}.nav-prev[data-v-f9e260f6]{left:4px}.nav-next[data-v-f9e260f6]{right:4px}.quick-actions[data-v-f9e260f6]{flex-wrap:wrap;padding:0 20px}.categories-loading[data-v-f9e260f6]{padding:0 20px}}@media (max-width:640px){.category-slider[data-v-f9e260f6],.slider-header[data-v-f9e260f6]{padding:0 16px}.categories-container[data-v-f9e260f6]{margin:0 32px}.category-card[data-v-f9e260f6]{min-width:220px}.category-image-container[data-v-f9e260f6]{height:160px}.category-info[data-v-f9e260f6]{padding:16px}.categories-loading[data-v-f9e260f6],.quick-actions[data-v-f9e260f6]{padding:0 16px}.loading-category[data-v-f9e260f6]{min-width:220px}.loading-image[data-v-f9e260f6]{height:160px}}@media (max-width:480px){.categories-container[data-v-f9e260f6]{gap:16px;margin:0 24px}.category-card[data-v-f9e260f6]{min-width:200px}.nav-btn[data-v-f9e260f6]{height:36px;width:36px}.quick-actions[data-v-f9e260f6],.slider-indicators[data-v-f9e260f6]{margin-top:16px}.quick-action-btn[data-v-f9e260f6]{font-size:.8rem;padding:6px 10px}}@media (prefers-reduced-motion:reduce){[data-v-f9e260f6]{animation:none!important;transition:none!important}}.category-card[data-v-f9e260f6]:focus,.indicator-dot[data-v-f9e260f6]:focus,.nav-btn[data-v-f9e260f6]:focus,.quick-action-btn[data-v-f9e260f6]:focus{outline:2px solid #10b981;outline-offset:2px}.modal-backdrop[data-v-668091a3]{align-items:center;animation:fadeIn-668091a3 .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn-668091a3{0%{opacity:0}to{opacity:1}}.modal-container[data-v-668091a3]{animation:slideUp-668091a3 .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 70px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:1000px;overflow:hidden;width:100%}@keyframes slideUp-668091a3{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container.modal-entering[data-v-668091a3]{animation:slideUp-668091a3 .3s ease}.modal-container.modal-leaving[data-v-668091a3]{animation:slideDown-668091a3 .3s ease}@keyframes slideDown-668091a3{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(50px) scale(.95)}}.modal-header[data-v-668091a3]{background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:20px 24px}.modal-header[data-v-668091a3],.modal-title[data-v-668091a3]{align-items:center;display:flex}.modal-title[data-v-668091a3]{color:#1f2937;font-size:1.25rem;font-weight:700;gap:8px;margin:0}.title-icon[data-v-668091a3]{font-size:1.125rem}.header-actions[data-v-668091a3]{display:flex;gap:8px}.action-btn[data-v-668091a3]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.edit-btn[data-v-668091a3]{background:#3b82f6;color:#fff}.edit-btn[data-v-668091a3]:hover{background:#2563eb;transform:scale(1.05)}.close-btn[data-v-668091a3]{background:#f3f4f6;color:#6b7280;font-size:1.2rem;font-weight:600}.close-btn[data-v-668091a3]:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.modal-body[data-v-668091a3]{flex:1;overflow-y:auto;padding:0}.product-quick-view[data-v-668091a3]{display:grid;gap:0;grid-template-columns:1fr 1fr;min-height:500px}.product-images[data-v-668091a3]{background:#f9fafb;display:flex;flex-direction:column;gap:16px;padding:24px}.main-image-container[data-v-668091a3]{aspect-ratio:4/5;background:#fff;border-radius:16px;box-shadow:0 8px 25px #0000001a;overflow:hidden;position:relative}.main-image[data-v-668091a3]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.image-nav[data-v-668091a3]{display:flex;justify-content:space-between;left:0;opacity:0;padding:0 12px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.main-image-container:hover .image-nav[data-v-668091a3]{opacity:1}.nav-btn[data-v-668091a3]{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.nav-btn[data-v-668091a3]:hover:not(:disabled){background:#000000e6;transform:scale(1.1)}.nav-btn[data-v-668091a3]:disabled{cursor:not-allowed;opacity:.5;transform:none}.nav-icon[data-v-668091a3]{font-size:.875rem}.image-indicators[data-v-668091a3]{bottom:12px;display:flex;gap:6px;left:50%;position:absolute;transform:translate(-50%)}.indicator-dot[data-v-668091a3]{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator-dot[data-v-668091a3]:hover{background:#fffc;transform:scale(1.2)}.indicator-dot.active[data-v-668091a3]{background:#fff;transform:scale(1.3)}.product-badges[data-v-668091a3]{display:flex;flex-direction:column;gap:6px;left:12px;position:absolute;top:12px}.badge[data-v-668091a3]{border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge.featured[data-v-668091a3]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge.new[data-v-668091a3]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge.discount[data-v-668091a3]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.umkm-badge[data-v-668091a3]{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;padding:6px 10px;position:absolute;right:12px;text-align:center;top:12px}.umkm-text[data-v-668091a3]{display:block;font-size:.7rem;opacity:.9}.umkm-location[data-v-668091a3]{display:block;font-size:.65rem;margin-top:1px;opacity:.8}.thumbnail-images[data-v-668091a3]{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.thumbnail-item[data-v-668091a3]{border:2px solid transparent;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .3s ease;width:60px}.thumbnail-item[data-v-668091a3]:hover{border-color:#10b981;transform:scale(1.05)}.thumbnail-item.active[data-v-668091a3]{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.thumbnail-image[data-v-668091a3]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-details[data-v-668091a3]{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.product-meta[data-v-668091a3]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.product-category[data-v-668091a3]{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.product-location[data-v-668091a3]{color:#10b981;font-size:.8rem;font-weight:500}.product-name[data-v-668091a3]{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.umkm-info[data-v-668091a3]{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:16px}.umkm-owner[data-v-668091a3]{align-items:center;display:flex;gap:12px}.owner-avatar[data-v-668091a3]{border:2px solid #e5e7eb;border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.owner-details[data-v-668091a3]{flex:1}.owner-name[data-v-668091a3]{color:#1f2937;display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.owner-rating[data-v-668091a3]{align-items:center;display:flex;gap:8px}.rating-count[data-v-668091a3]{color:#6b7280;font-size:.8rem}.product-description[data-v-668091a3]{border-bottom:1px solid #f3f4f6;padding-bottom:16px}.description-title[data-v-668091a3]{color:#374151;font-size:1rem;font-weight:600;margin:0 0 8px}.description-text[data-v-668091a3]{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0}.product-rating[data-v-668091a3]{border-bottom:1px solid #f3f4f6;padding-bottom:16px}.rating-title[data-v-668091a3]{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.rating-display[data-v-668091a3]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.review-count[data-v-668091a3]{color:#6b7280;font-size:.875rem}.product-pricing[data-v-668091a3]{border-bottom:1px solid #f3f4f6;padding-bottom:16px}.price-main[data-v-668091a3]{align-items:center;display:flex;gap:12px;margin-bottom:8px}.current-price[data-v-668091a3]{color:#10b981;font-size:1.75rem;font-weight:700}.original-price[data-v-668091a3]{color:#9ca3af;font-size:1.25rem;text-decoration:line-through}.price-info[data-v-668091a3]{align-items:center;display:flex;justify-content:space-between}.price-unit[data-v-668091a3]{color:#6b7280;font-size:.875rem}.stock-info[data-v-668091a3]{border-radius:6px;font-size:.875rem;font-weight:500;padding:4px 8px}.stock-info.in-stock[data-v-668091a3]{background:#d1fae5;color:#10b981}.stock-info.low-stock[data-v-668091a3]{background:#fef3c7;color:#f59e0b}.stock-info.out-of-stock[data-v-668091a3]{background:#fee2e2;color:#ef4444}.product-specs[data-v-668091a3]{border-bottom:1px solid #f3f4f6;padding-bottom:16px}.specs-title[data-v-668091a3]{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.specs-grid[data-v-668091a3]{display:grid;gap:8px;grid-template-columns:1fr 1fr}.spec-item[data-v-668091a3]{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.spec-label[data-v-668091a3]{color:#6b7280;font-size:.875rem}.spec-value[data-v-668091a3]{color:#1f2937;font-size:.875rem;font-weight:500}.quantity-selector[data-v-668091a3]{border-bottom:1px solid #f3f4f6;padding-bottom:16px}.quantity-label[data-v-668091a3]{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.quantity-controls[data-v-668091a3]{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:0;margin-bottom:6px;overflow:hidden;width:-moz-fit-content;width:fit-content}.quantity-btn[data-v-668091a3]{background:#f9fafb;border:none;color:#374151;cursor:pointer;font-size:1.125rem;font-weight:600;height:40px;transition:all .3s ease;width:40px}.quantity-btn[data-v-668091a3]:hover:not(:disabled){background:#10b981;color:#fff}.quantity-btn[data-v-668091a3]:disabled{cursor:not-allowed;opacity:.5}.quantity-input[data-v-668091a3]{background:#fff;border:1px solid #d1d5db;border-bottom:none;border-top:none;color:#1f2937;font-weight:600;height:40px;text-align:center;width:60px}.quantity-input[data-v-668091a3]:focus{background:#f9fafb;outline:none}.quantity-info[data-v-668091a3]{color:#6b7280;font-size:.75rem}.action-buttons[data-v-668091a3]{display:flex;flex-wrap:wrap;gap:12px}.btn[data-v-668091a3]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 16px;transition:all .3s ease}.btn-primary[data-v-668091a3]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary[data-v-668091a3]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-primary[data-v-668091a3]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.btn-outline[data-v-668091a3]{background:#fff;border:2px solid #d1d5db;color:#374151}.btn-outline[data-v-668091a3]:hover{background:#f9fafb;border-color:#10b981;color:#10b981;transform:translateY(-2px)}.btn-icon[data-v-668091a3]{font-size:1rem}.additional-info[data-v-668091a3]{margin-top:8px}.info-item[data-v-668091a3]{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:8px;padding:8px 0}.info-icon[data-v-668091a3]{flex-shrink:0;font-size:1rem}.info-text[data-v-668091a3]{line-height:1.4}@media (max-width:768px){.modal-backdrop[data-v-668091a3]{padding:10px}.modal-container[data-v-668091a3]{border-radius:16px;max-height:98vh}.product-quick-view[data-v-668091a3]{grid-template-columns:1fr;min-height:auto}.product-images[data-v-668091a3]{padding:16px}.main-image-container[data-v-668091a3]{aspect-ratio:1}.thumbnail-images[data-v-668091a3]{justify-content:center}.product-details[data-v-668091a3]{gap:16px;padding:20px}.product-name[data-v-668091a3]{font-size:1.25rem}.current-price[data-v-668091a3]{font-size:1.5rem}.action-buttons[data-v-668091a3]{flex-direction:column}.btn[data-v-668091a3]{min-width:auto}.specs-grid[data-v-668091a3]{grid-template-columns:1fr}.price-info[data-v-668091a3]{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:640px){.modal-header[data-v-668091a3]{padding:16px 20px}.product-images[data-v-668091a3]{padding:12px}.product-details[data-v-668091a3]{gap:12px;padding:16px}.modal-title[data-v-668091a3],.product-name[data-v-668091a3]{font-size:1.125rem}.current-price[data-v-668091a3]{font-size:1.375rem}.umkm-owner[data-v-668091a3]{gap:8px}.owner-rating[data-v-668091a3],.umkm-owner[data-v-668091a3]{align-items:flex-start;flex-direction:column}.owner-rating[data-v-668091a3]{gap:4px}}@media (max-width:480px){.modal-backdrop[data-v-668091a3]{padding:5px}.product-meta[data-v-668091a3]{align-items:flex-start;flex-direction:column;gap:4px}.thumbnail-images[data-v-668091a3]{gap:6px}.thumbnail-item[data-v-668091a3]{height:50px;width:50px}.quantity-controls[data-v-668091a3]{width:100%}.quantity-btn[data-v-668091a3]{flex:1}.quantity-input[data-v-668091a3]{flex:2}.action-buttons[data-v-668091a3]{gap:8px}.additional-info[data-v-668091a3]{margin-top:4px}.info-item[data-v-668091a3]{padding:6px 0}}@media (max-width:768px) and (orientation:landscape){.product-quick-view[data-v-668091a3]{grid-template-columns:1fr 1fr}.modal-container[data-v-668091a3]{max-height:95vh}.product-details[data-v-668091a3]{max-height:none;overflow-y:auto}}@media print{.modal-backdrop[data-v-668091a3]{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;position:static}.modal-container[data-v-668091a3]{box-shadow:none;max-height:none;max-width:100%}.action-buttons[data-v-668091a3],.image-indicators[data-v-668091a3],.image-nav[data-v-668091a3],.modal-header[data-v-668091a3]{display:none}.product-quick-view[data-v-668091a3]{gap:20px;grid-template-columns:1fr 1fr}}@media (prefers-contrast:high){.modal-container[data-v-668091a3]{border:3px solid #000}.btn-primary[data-v-668091a3]{background:#000;color:#fff}.btn-outline[data-v-668091a3]{color:#000}.btn-outline[data-v-668091a3],.quantity-controls[data-v-668091a3]{border:2px solid #000}}@media (prefers-reduced-motion:reduce){[data-v-668091a3]{animation:none!important;transition:none!important}}.action-btn[data-v-668091a3]:focus,.btn[data-v-668091a3]:focus,.indicator-dot[data-v-668091a3]:focus,.nav-btn[data-v-668091a3]:focus,.quantity-btn[data-v-668091a3]:focus,.quantity-input[data-v-668091a3]:focus,.thumbnail-item[data-v-668091a3]:focus{outline:2px solid #10b981;outline-offset:2px}.product-details[data-v-668091a3]::-webkit-scrollbar,.thumbnail-images[data-v-668091a3]::-webkit-scrollbar{height:6px;width:6px}.product-details[data-v-668091a3]::-webkit-scrollbar-track,.thumbnail-images[data-v-668091a3]::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.product-details[data-v-668091a3]::-webkit-scrollbar-thumb,.thumbnail-images[data-v-668091a3]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.product-details[data-v-668091a3]::-webkit-scrollbar-thumb:hover,.thumbnail-images[data-v-668091a3]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-backdrop[data-v-b0e45211]{align-items:center;animation:fadeIn-b0e45211 .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:2000}@keyframes fadeIn-b0e45211{0%{opacity:0}to{opacity:1}}.modal-container[data-v-b0e45211]{animation:slideUp-b0e45211 .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;position:relative;width:100%}@keyframes slideUp-b0e45211{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container.modal-entering[data-v-b0e45211]{animation:slideUp-b0e45211 .3s ease}.modal-container.modal-leaving[data-v-b0e45211]{animation:slideDown-b0e45211 .3s ease}@keyframes slideDown-b0e45211{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.modal-danger[data-v-b0e45211]{border-top:4px solid #ef4444}.modal-warning[data-v-b0e45211]{border-top:4px solid #f59e0b}.modal-info[data-v-b0e45211]{border-top:4px solid #3b82f6}.modal-success[data-v-b0e45211]{border-top:4px solid #10b981}.modal-header[data-v-b0e45211]{align-items:flex-start;display:flex;gap:16px;padding:24px 24px 0}.header-icon[data-v-b0e45211]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.modal-danger .header-icon[data-v-b0e45211]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.modal-warning .header-icon[data-v-b0e45211]{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#f59e0b}.modal-info .header-icon[data-v-b0e45211]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.modal-success .header-icon[data-v-b0e45211]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981}.header-content[data-v-b0e45211]{flex:1}.modal-title[data-v-b0e45211]{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 4px}.modal-subtitle[data-v-b0e45211]{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.modal-body[data-v-b0e45211]{padding:20px 24px}.message-content[data-v-b0e45211]{display:flex;flex-direction:column;gap:16px}.modal-message[data-v-b0e45211]{color:#374151;font-size:1rem;line-height:1.6;margin:0}.modal-details[data-v-b0e45211]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.details-title[data-v-b0e45211]{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 8px}.details-list[data-v-b0e45211]{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;padding-left:16px}.detail-item[data-v-b0e45211]{margin-bottom:4px}.detail-item[data-v-b0e45211]:last-child{margin-bottom:0}.warning-section[data-v-b0e45211]{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;display:flex;gap:10px;padding:12px 16px}.warning-icon[data-v-b0e45211]{flex-shrink:0;font-size:1.25rem}.warning-text[data-v-b0e45211]{color:#92400e;font-size:.875rem;line-height:1.4}.confirmation-input[data-v-b0e45211]{display:flex;flex-direction:column;gap:8px}.confirmation-label[data-v-b0e45211]{color:#374151;font-size:.875rem;font-weight:500}.confirmation-field[data-v-b0e45211]{background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;font-family:monospace;font-size:.875rem;padding:10px 12px;transition:all .3s ease}.confirmation-field[data-v-b0e45211]:focus{background:#fff;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.confirmation-error[data-v-b0e45211]{color:#ef4444;font-size:.75rem;font-weight:500}.modal-footer[data-v-b0e45211]{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px}.btn[data-v-b0e45211]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;min-width:100px;padding:10px 20px;transition:all .3s ease}.btn[data-v-b0e45211]:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel[data-v-b0e45211]{background:#fff;border:2px solid #d1d5db;color:#6b7280}.btn-cancel[data-v-b0e45211]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-confirm[data-v-b0e45211]{color:#fff}.btn-danger[data-v-b0e45211]{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger[data-v-b0e45211]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-warning[data-v-b0e45211]{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-warning[data-v-b0e45211]:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.btn-info[data-v-b0e45211]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-info[data-v-b0e45211]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-success[data-v-b0e45211]{background:linear-gradient(135deg,#10b981,#059669)}.btn-success[data-v-b0e45211]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-icon[data-v-b0e45211]{font-size:1rem}.btn-icon.loading[data-v-b0e45211]{animation:spin-b0e45211 1s linear infinite}@keyframes spin-b0e45211{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.progress-bar[data-v-b0e45211]{background:#f3f4f6;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.progress-fill[data-v-b0e45211]{background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:0;height:100%;transition:width .3s ease}.modal-warning .progress-fill[data-v-b0e45211]{background:linear-gradient(90deg,#f59e0b,#d97706)}.modal-info .progress-fill[data-v-b0e45211]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.modal-success .progress-fill[data-v-b0e45211]{background:linear-gradient(90deg,#10b981,#059669)}@media (max-width:640px){.modal-backdrop[data-v-b0e45211]{padding:10px}.modal-container[data-v-b0e45211]{border-radius:12px;max-width:100%}.modal-header[data-v-b0e45211]{align-items:center;flex-direction:column;gap:12px;padding:20px 20px 0;text-align:center}.modal-body[data-v-b0e45211]{padding:16px 20px}.modal-footer[data-v-b0e45211]{flex-direction:column-reverse;padding:16px 20px 20px}.btn[data-v-b0e45211]{justify-content:center;width:100%}.modal-title[data-v-b0e45211]{font-size:1.125rem}.header-icon[data-v-b0e45211]{font-size:1.25rem;height:40px;width:40px}}@media (max-width:480px){.modal-backdrop[data-v-b0e45211]{padding:5px}.modal-header[data-v-b0e45211]{padding:16px 16px 0}.modal-body[data-v-b0e45211]{padding:12px 16px}.modal-footer[data-v-b0e45211]{padding:12px 16px 16px}.message-content[data-v-b0e45211]{gap:12px}.modal-details[data-v-b0e45211]{padding:12px}.warning-section[data-v-b0e45211]{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 12px}}@media (prefers-contrast:high){.modal-container[data-v-b0e45211]{border:3px solid #000}.btn-cancel[data-v-b0e45211]{border:2px solid #000;color:#000}.btn-confirm[data-v-b0e45211]{background:#000!important;color:#fff}.confirmation-field[data-v-b0e45211]{border:2px solid #000}}@media (prefers-reduced-motion:reduce){[data-v-b0e45211]{animation:none!important;transition:none!important}}.btn[data-v-b0e45211]:focus,.confirmation-field[data-v-b0e45211]:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.modal-backdrop[data-v-b0e45211]{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;position:static}.modal-container[data-v-b0e45211]{border:2px solid #000;box-shadow:none}.modal-footer[data-v-b0e45211]{display:none}}.toast-container[data-v-28fd2d24]{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 10px 40px #00000026;cursor:pointer;display:flex;gap:12px;max-width:500px;min-width:320px;overflow:hidden;padding:16px 20px;position:fixed;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.toast-container[data-v-28fd2d24]:hover{box-shadow:0 15px 50px #0003;transform:translateY(-2px)}.toast-top-right[data-v-28fd2d24]{right:20px;top:20px}.toast-top-left[data-v-28fd2d24]{left:20px;top:20px}.toast-bottom-right[data-v-28fd2d24]{bottom:20px;right:20px}.toast-bottom-left[data-v-28fd2d24]{bottom:20px;left:20px}.toast-top-center[data-v-28fd2d24]{left:50%;top:20px;transform:translate(-50%)}.toast-bottom-center[data-v-28fd2d24]{bottom:20px;left:50%;transform:translate(-50%)}.toast-success[data-v-28fd2d24]{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:4px solid #10b981}.toast-error[data-v-28fd2d24]{background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #ef4444}.toast-warning[data-v-28fd2d24]{background:linear-gradient(135deg,#fffbeb,#fff);border-left:4px solid #f59e0b}.toast-info[data-v-28fd2d24]{background:linear-gradient(135deg,#eff6ff,#fff);border-left:4px solid #3b82f6}.toast-compact[data-v-28fd2d24]{min-width:280px;padding:12px 16px}.toast-compact .toast-icon[data-v-28fd2d24]{height:36px;width:36px}.toast-compact .icon-container[data-v-28fd2d24]{font-size:1rem;height:36px;width:36px}.toast-compact .toast-title[data-v-28fd2d24]{font-size:.875rem}.toast-compact .toast-message[data-v-28fd2d24]{font-size:.8rem}.toast-icon[data-v-28fd2d24]{flex-shrink:0}.icon-container[data-v-28fd2d24],.toast-icon[data-v-28fd2d24]{align-items:center;display:flex;justify-content:center}.icon-container[data-v-28fd2d24]{border-radius:50%;font-size:1.25rem;font-weight:700;height:44px;transition:all .3s ease;width:44px}.toast-success .icon-container[data-v-28fd2d24]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.toast-error .icon-container[data-v-28fd2d24]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.toast-warning .icon-container[data-v-28fd2d24]{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#d97706}.toast-info .icon-container[data-v-28fd2d24]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.toast-content[data-v-28fd2d24]{display:flex;flex:1;flex-direction:column;gap:4px}.toast-title[data-v-28fd2d24]{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.toast-message[data-v-28fd2d24]{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.toast-action[data-v-28fd2d24]{align-self:flex-start;background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:4px;padding:4px 0;text-decoration:underline;text-underline-offset:2px;transition:all .3s ease}.toast-action[data-v-28fd2d24]:hover{color:#2563eb;text-decoration-thickness:2px}.toast-close[data-v-28fd2d24]{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:24px;justify-content:center;margin-top:-2px;transition:all .3s ease;width:24px}.toast-close[data-v-28fd2d24]:hover{background:#f3f4f6;color:#6b7280;transform:scale(1.1)}.toast-progress[data-v-28fd2d24]{background:#0000001a;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.progress-bar[data-v-28fd2d24]{animation:progressShrink-28fd2d24 linear;height:100%;transform-origin:left;width:100%}@keyframes progressShrink-28fd2d24{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success .progress-bar[data-v-28fd2d24]{background:linear-gradient(90deg,#10b981,#059669)}.toast-error .progress-bar[data-v-28fd2d24]{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning .progress-bar[data-v-28fd2d24]{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info .progress-bar[data-v-28fd2d24]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.toast-enter-active[data-v-28fd2d24],.toast-leave-active[data-v-28fd2d24]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-28fd2d24],.toast-leave-to[data-v-28fd2d24]{opacity:0;transform:translate(100%) scale(.9)}@media (max-width:768px){.toast-container[data-v-28fd2d24]{margin:0 20px;max-width:calc(100vw - 40px);min-width:280px}.toast-top-left[data-v-28fd2d24],.toast-top-right[data-v-28fd2d24]{left:20px;right:20px;top:20px}.toast-bottom-left[data-v-28fd2d24],.toast-bottom-right[data-v-28fd2d24]{bottom:20px;left:20px;right:20px}.toast-top-center[data-v-28fd2d24]{left:20px;right:20px;top:20px;transform:none}.toast-bottom-center[data-v-28fd2d24]{bottom:20px;left:20px;right:20px;transform:none}}@media (max-width:480px){.toast-container[data-v-28fd2d24]{margin:0 10px;min-width:260px;padding:12px 16px}.toast-top-center[data-v-28fd2d24],.toast-top-left[data-v-28fd2d24],.toast-top-right[data-v-28fd2d24]{left:10px;right:10px;top:10px}.toast-bottom-center[data-v-28fd2d24],.toast-bottom-left[data-v-28fd2d24],.toast-bottom-right[data-v-28fd2d24]{bottom:10px;left:10px;right:10px}.toast-title[data-v-28fd2d24]{font-size:.875rem}.toast-message[data-v-28fd2d24]{font-size:.8rem}.icon-container[data-v-28fd2d24]{font-size:1rem;height:36px;width:36px}}@media (prefers-color-scheme:dark){.toast-container[data-v-28fd2d24]{background:#1f2937;border-color:#374151;color:#f9fafb}.toast-title[data-v-28fd2d24]{color:#f9fafb}.toast-message[data-v-28fd2d24]{color:#d1d5db}.toast-close[data-v-28fd2d24]{color:#9ca3af}.toast-close[data-v-28fd2d24]:hover{background:#374151;color:#d1d5db}.toast-action[data-v-28fd2d24]{color:#60a5fa}.toast-action[data-v-28fd2d24]:hover{color:#93c5fd}}@media (prefers-contrast:high){.toast-container[data-v-28fd2d24]{border:2px solid #000;box-shadow:0 4px 12px #00000080}.toast-message[data-v-28fd2d24],.toast-title[data-v-28fd2d24]{color:#000}.toast-close[data-v-28fd2d24]{border:1px solid #000;color:#000}.toast-action[data-v-28fd2d24]{color:#00f;text-decoration:underline}}@media (prefers-reduced-motion:reduce){.icon-container[data-v-28fd2d24],.toast-action[data-v-28fd2d24],.toast-close[data-v-28fd2d24],.toast-container[data-v-28fd2d24]{transition:none!important}.progress-bar[data-v-28fd2d24]{animation:none!important}.toast-enter-active[data-v-28fd2d24],.toast-leave-active[data-v-28fd2d24]{transition:opacity .1s!important}}.toast-container[data-v-28fd2d24]:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.toast-action[data-v-28fd2d24]:focus,.toast-close[data-v-28fd2d24]:focus{border-radius:4px;outline:2px solid #3b82f6;outline-offset:2px}@media print{.toast-container[data-v-28fd2d24]{border:1px solid #000;box-shadow:none;margin-bottom:1rem;page-break-inside:avoid;position:static!important}.toast-close[data-v-28fd2d24],.toast-progress[data-v-28fd2d24]{display:none}}.toast-container[data-v-28fd2d24]{will-change:transform,opacity}.icon-container[data-v-28fd2d24]{will-change:transform}.toast-container:hover .icon-container[data-v-28fd2d24]{transform:scale(1.05) rotate(5deg)}.toast-success:hover .icon-container[data-v-28fd2d24]{transform:scale(1.05) rotate(-5deg)}[dir=rtl] .toast-top-right[data-v-28fd2d24]{left:20px;right:auto}[dir=rtl] .toast-top-left[data-v-28fd2d24]{left:auto;right:20px}[dir=rtl] .toast-bottom-right[data-v-28fd2d24]{left:20px;right:auto}[dir=rtl] .toast-bottom-left[data-v-28fd2d24]{left:auto;right:20px}.product-grid-container[data-v-db2267be]{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px;padding:20px}.page-header[data-v-db2267be]{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid rgba(16,185,129,.1);border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.header-content[data-v-db2267be]{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.title-section[data-v-db2267be]{flex:1}.page-title[data-v-db2267be]{align-items:center;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;color:#1f2937;display:flex;font-size:2.5rem;font-weight:800;gap:12px;margin:0 0 8px;-webkit-text-fill-color:transparent;background-clip:text}.title-icon[data-v-db2267be]{font-size:2rem}.page-subtitle[data-v-db2267be]{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0}.header-actions[data-v-db2267be]{align-items:center;display:flex;gap:12px}.add-product-btn[data-v-db2267be],.view-toggle-btn[data-v-db2267be]{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.add-product-btn[data-v-db2267be]{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.add-product-btn[data-v-db2267be]:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.view-toggle-btn[data-v-db2267be]{background:#fff;border:2px solid #e5e7eb;color:#374151}.view-toggle-btn[data-v-db2267be]:hover{border-color:#10b981;color:#10b981;transform:translateY(-2px)}.quick-stats[data-v-db2267be]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card[data-v-db2267be]{align-items:center;background:#fff;border:1px solid rgba(16,185,129,.1);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card[data-v-db2267be]:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stat-icon[data-v-db2267be]{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-info[data-v-db2267be]{flex:1}.stat-number[data-v-db2267be]{color:#1f2937;font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-label[data-v-db2267be]{color:#6b7280;font-size:.875rem;font-weight:500}.content-area[data-v-db2267be]{min-height:400px}.loading-state[data-v-db2267be]{padding:40px 0}.loading-grid[data-v-db2267be]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loading-card[data-v-db2267be]{animation:pulse-db2267be 1.5s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}@keyframes pulse-db2267be{0%,to{opacity:1}50%{opacity:.7}}.loading-image[data-v-db2267be]{animation:shimmer-db2267be 1.5s infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;height:280px}@keyframes shimmer-db2267be{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-content[data-v-db2267be]{display:flex;flex-direction:column;gap:12px;padding:20px}.loading-line[data-v-db2267be]{animation:shimmer-db2267be 1.5s infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;border-radius:6px;height:12px}.loading-line.short[data-v-db2267be]{width:40%}.loading-line.medium[data-v-db2267be]{width:70%}.loading-line.long[data-v-db2267be]{width:90%}.empty-state[data-v-db2267be]{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.empty-illustration[data-v-db2267be]{margin-bottom:24px}.empty-icon[data-v-db2267be]{color:#d1d5db;font-size:4rem}.empty-title[data-v-db2267be]{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 12px}.empty-description[data-v-db2267be]{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto 32px;max-width:500px}.empty-actions[data-v-db2267be]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.products-container[data-v-db2267be]{display:flex;flex-direction:column;gap:24px}.products-toolbar[data-v-db2267be]{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.toolbar-info[data-v-db2267be]{flex:1}.result-text[data-v-db2267be]{color:#6b7280;font-size:.875rem;font-weight:500}.toolbar-actions[data-v-db2267be]{align-items:center;display:flex;gap:12px}.sort-select[data-v-db2267be]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .3s ease}.sort-select[data-v-db2267be]:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.products-display[data-v-db2267be]{transition:all .3s ease}.display-grid[data-v-db2267be]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.display-list[data-v-db2267be]{display:flex;flex-direction:column;gap:16px}.display-list .product-item[data-v-db2267be]{width:100%}.fade-enter-active[data-v-db2267be],.fade-leave-active[data-v-db2267be]{transition:all .3s ease}.fade-enter-from[data-v-db2267be]{opacity:0;transform:translateY(20px)}.fade-leave-to[data-v-db2267be]{opacity:0;transform:translateY(-20px)}.fab[data-v-db2267be]{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 25px #10b9814d;color:#fff;cursor:pointer;display:none;height:56px;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:999}.fab[data-v-db2267be]:hover{box-shadow:0 12px 35px #10b98166;transform:scale(1.1)}.fab-icon[data-v-db2267be]{font-size:1.5rem}.btn[data-v-db2267be]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;text-decoration:none;transition:all .3s ease}.btn-primary[data-v-db2267be]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary[data-v-db2267be]:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-outline[data-v-db2267be]{background:#fff;border:2px solid #d1d5db;color:#374151}.btn-outline[data-v-db2267be]:hover{background:#f9fafb;border-color:#10b981;color:#10b981;transform:translateY(-2px)}.btn-icon[data-v-db2267be]{font-size:1rem}@media (max-width:1024px){.display-grid[data-v-db2267be]{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.quick-stats[data-v-db2267be]{gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card[data-v-db2267be]{padding:16px}.stat-icon[data-v-db2267be]{font-size:2rem;height:50px;width:50px}.stat-number[data-v-db2267be]{font-size:1.5rem}}@media (max-width:768px){.product-grid-container[data-v-db2267be]{gap:20px;padding:16px}.page-header[data-v-db2267be]{padding:24px}.header-content[data-v-db2267be]{align-items:stretch;flex-direction:column;gap:16px}.page-title[data-v-db2267be]{font-size:2rem}.header-actions[data-v-db2267be]{justify-content:space-between}.quick-stats[data-v-db2267be]{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card[data-v-db2267be]{gap:12px;padding:12px}.stat-icon[data-v-db2267be]{font-size:1.5rem;height:40px;width:40px}.stat-number[data-v-db2267be]{font-size:1.25rem}.stat-label[data-v-db2267be]{font-size:.8rem}.display-grid[data-v-db2267be]{gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.products-toolbar[data-v-db2267be]{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.toolbar-actions[data-v-db2267be]{justify-content:space-between}.empty-state[data-v-db2267be]{padding:60px 20px}.empty-actions[data-v-db2267be]{align-items:stretch;flex-direction:column;margin:0 auto;max-width:300px}.fab[data-v-db2267be]{align-items:center;display:flex;justify-content:center}}@media (max-width:640px){.page-title[data-v-db2267be]{font-size:1.75rem}.page-subtitle[data-v-db2267be]{font-size:1rem}.quick-stats[data-v-db2267be]{grid-template-columns:1fr}.display-grid[data-v-db2267be]{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.header-actions[data-v-db2267be]{flex-direction:column;gap:8px}.add-product-btn[data-v-db2267be],.view-toggle-btn[data-v-db2267be]{justify-content:center;width:100%}}@media (max-width:480px){.product-grid-container[data-v-db2267be]{padding:12px}.page-header[data-v-db2267be]{padding:20px}.display-grid[data-v-db2267be]{gap:16px;grid-template-columns:1fr}.empty-icon[data-v-db2267be]{font-size:3rem}.empty-title[data-v-db2267be]{font-size:1.25rem}.empty-description[data-v-db2267be]{font-size:.875rem}.fab[data-v-db2267be]{bottom:16px;height:48px;right:16px;width:48px}.fab-icon[data-v-db2267be]{font-size:1.25rem}}@media print{.fab[data-v-db2267be],.header-actions[data-v-db2267be],.products-toolbar[data-v-db2267be]{display:none}.product-grid-container[data-v-db2267be]{padding:0}.page-header[data-v-db2267be]{background:none;border:1px solid #000;box-shadow:none}.display-grid[data-v-db2267be]{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (prefers-contrast:high){.page-header[data-v-db2267be],.stat-card[data-v-db2267be]{border:2px solid #000}.btn-primary[data-v-db2267be]{background:#000;color:#fff}.btn-outline[data-v-db2267be]{border:2px solid #000;color:#000}}@media (prefers-reduced-motion:reduce){[data-v-db2267be]{animation:none!important;transition:none!important}}.btn[data-v-db2267be]:focus,.fab[data-v-db2267be]:focus,.sort-select[data-v-db2267be]:focus{outline:2px solid #10b981;outline-offset:2px}
