.product-manage[data-v-bcbcfeaa]{padding:0}.page-header[data-v-bcbcfeaa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-add[data-v-bcbcfeaa]{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.product-list[data-v-bcbcfeaa]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}table[data-v-bcbcfeaa]{width:100%;border-collapse:collapse}td[data-v-bcbcfeaa],th[data-v-bcbcfeaa]{padding:12px;text-align:left;border-bottom:1px solid #eee}th[data-v-bcbcfeaa]{background:#f8f9fa;font-weight:600;white-space:nowrap}.product-thumbnail[data-v-bcbcfeaa]{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.btn-delete[data-v-bcbcfeaa],.btn-edit[data-v-bcbcfeaa]{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;margin:0 4px;color:#fff}.btn-edit[data-v-bcbcfeaa]{background:#2196f3}.btn-edit[data-v-bcbcfeaa]:hover{background:#1976d2}.btn-delete[data-v-bcbcfeaa]{background:#f44336}.btn-delete[data-v-bcbcfeaa]:hover{background:#d32f2f}.pagination[data-v-bcbcfeaa]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-top:1px solid #eee}.page-navigation[data-v-bcbcfeaa]{display:flex;align-items:center;gap:4px}.page-size-selector[data-v-bcbcfeaa]{display:flex;align-items:center;gap:8px;color:#666}.page-size-selector select[data-v-bcbcfeaa]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background:#fff}.page-btn[data-v-bcbcfeaa]{padding:8px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:36px}.page-btn[data-v-bcbcfeaa]:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.page-btn[data-v-bcbcfeaa]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-bcbcfeaa]{margin:0 8px;color:#666;min-width:80px;text-align:center}.dialog-overlay[data-v-bcbcfeaa]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.dialog[data-v-bcbcfeaa]{background:#fff;padding:0;border-radius:8px;width:800px;max-width:90%;max-height:90vh;display:flex;flex-direction:column}.dialog-header[data-v-bcbcfeaa]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.dialog-header h3[data-v-bcbcfeaa]{margin:0;font-size:1.25rem;color:#333}.btn-close[data-v-bcbcfeaa]{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:.5rem}.dialog-body[data-v-bcbcfeaa]{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 180px)}.form-group[data-v-bcbcfeaa]{margin-bottom:1.5rem}.form-group label[data-v-bcbcfeaa]{display:block;margin-bottom:.5rem;color:#666;font-weight:500}.form-group input[data-v-bcbcfeaa],.form-group select[data-v-bcbcfeaa],.form-group textarea[data-v-bcbcfeaa]{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input[data-v-bcbcfeaa]:focus,.form-group select[data-v-bcbcfeaa]:focus,.form-group textarea[data-v-bcbcfeaa]:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.variants-section[data-v-bcbcfeaa]{margin-bottom:1.5rem;background:#f8f9fa;padding:1rem;border-radius:4px}.variants-section h4[data-v-bcbcfeaa]{margin:0 0 1rem;color:#333}.variants-list[data-v-bcbcfeaa]{margin-bottom:1rem}.variant-item[data-v-bcbcfeaa]{display:flex;align-items:flex-start;gap:10px;margin-bottom:1rem;background:#fff;padding:1rem;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.variant-inputs[data-v-bcbcfeaa]{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.input-group[data-v-bcbcfeaa]{display:flex;flex-direction:column}.input-group label[data-v-bcbcfeaa]{font-size:.875rem;margin-bottom:.25rem}.input-group input[data-v-bcbcfeaa]{padding:.5rem}.btn-remove-variant[data-v-bcbcfeaa]{background:#f44336;width:32px;height:32px;justify-content:center}.btn-add-variant[data-v-bcbcfeaa],.btn-remove-variant[data-v-bcbcfeaa]{color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center}.btn-add-variant[data-v-bcbcfeaa]{background:#4caf50;padding:.5rem 1rem;gap:.5rem}.image-list[data-v-bcbcfeaa],.image-upload[data-v-bcbcfeaa]{display:flex;flex-wrap:wrap;gap:1rem}.image-item[data-v-bcbcfeaa]{position:relative}.preview-image[data-v-bcbcfeaa]{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:8px}.btn-remove[data-v-bcbcfeaa]{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#dc3545;color:#fff;border:none;font-size:12px}.btn-remove[data-v-bcbcfeaa],.upload-area[data-v-bcbcfeaa]{cursor:pointer;display:flex;align-items:center;justify-content:center}.upload-area[data-v-bcbcfeaa]{width:120px;height:120px;border:2px dashed #ddd;border-radius:8px;flex-direction:column;transition:all .3s}.upload-area[data-v-bcbcfeaa]:hover{border-color:#4caf50;background:#f5f5f5}.upload-area i[data-v-bcbcfeaa]{font-size:2rem;color:#666;margin-bottom:.5rem}.upload-area span[data-v-bcbcfeaa]{font-size:12px;color:#666}.dialog-actions[data-v-bcbcfeaa]{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #eee}.btn-cancel[data-v-bcbcfeaa],.btn-submit[data-v-bcbcfeaa]{padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;min-width:100px}.status-badge[data-v-bcbcfeaa]{padding:4px 8px;border-radius:12px;font-size:12px}.status-badge.active[data-v-bcbcfeaa]{background:#c3e6cb;color:#155724}.status-badge.inactive[data-v-bcbcfeaa]{background:#f5c6cb;color:#721c24}.btn-status[data-v-bcbcfeaa]{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;margin:0 4px;color:#fff;display:inline-flex;align-items:center;gap:4px}.btn-online[data-v-bcbcfeaa]{background:#28a745}.btn-online[data-v-bcbcfeaa]:hover{background:#218838}.btn-offline[data-v-bcbcfeaa]{background:#dc3545}.btn-offline[data-v-bcbcfeaa]:hover{background:#c82333}.search-filter-section[data-v-bcbcfeaa]{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.search-box[data-v-bcbcfeaa]{flex:2;position:relative}.search-box input[data-v-bcbcfeaa]{width:100%;padding:.8rem;padding-left:2.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.search-box i[data-v-bcbcfeaa]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.filter-box[data-v-bcbcfeaa]{flex:1}.filter-box select[data-v-bcbcfeaa]{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-width:150px;background:#fff}.filter-box select[data-v-bcbcfeaa]:focus,.search-box input[data-v-bcbcfeaa]:focus{outline:none;border-color:#4caf50}