.image-upload[data-v-2978563a]{width:100%}.upload-area[data-v-2978563a]{width:100%;min-height:200px;border:2px dashed #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa;position:relative;overflow:hidden}.upload-area[data-v-2978563a]:hover{border-color:#007bff;background-color:#f8f9fa}.upload-area.dragover[data-v-2978563a]{border-color:#007bff;background-color:#e3f2fd}.upload-area.has-image[data-v-2978563a]{min-height:150px}.upload-placeholder[data-v-2978563a]{text-align:center;color:#6c757d}.upload-placeholder i[data-v-2978563a]{font-size:3rem;margin-bottom:1rem;color:#007bff}.upload-placeholder p[data-v-2978563a]{margin:.5rem 0;font-size:1rem}.upload-hint[data-v-2978563a]{font-size:.8rem!important;color:#adb5bd}.image-preview[data-v-2978563a]{width:100%;height:100%;position:relative}.preview-image[data-v-2978563a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.image-overlay[data-v-2978563a]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay[data-v-2978563a]{opacity:1}.remove-btn[data-v-2978563a]{background:#dc3545;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.remove-btn[data-v-2978563a]:hover{background:#c82333}.upload-progress[data-v-2978563a]{margin-top:1rem}.progress-bar[data-v-2978563a]{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-2978563a]{height:100%;background-color:#007bff;transition:width .3s ease}.upload-progress p[data-v-2978563a]{margin:0;font-size:.9rem;color:#6c757d;text-align:center}.upload-error[data-v-2978563a]{margin-top:1rem;padding:.75rem;background-color:#f8d7da;color:#721c24;border-radius:4px;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.upload-error i[data-v-2978563a]{color:#dc3545}.settings-page[data-v-8f56cfb2]{max-width:1000px;margin:0 auto}.page-header[data-v-8f56cfb2]{margin-bottom:2rem}.page-header h2[data-v-8f56cfb2]{margin:0 0 .5rem 0;font-size:1.8rem;font-weight:600;color:#2c3e50}.page-header p[data-v-8f56cfb2]{margin:0;color:#6c757d}.settings-nav[data-v-8f56cfb2]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e9ecef;overflow-x:auto}.nav-tab[data-v-8f56cfb2]{padding:1rem 1.5rem;border:none;background:none;color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent;white-space:nowrap}.nav-tab[data-v-8f56cfb2]:hover{color:#3498db}.nav-tab.active[data-v-8f56cfb2]{color:#3498db;border-bottom-color:#3498db}.settings-content[data-v-8f56cfb2]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.settings-section[data-v-8f56cfb2]{padding:2rem}.section-header[data-v-8f56cfb2]{margin-bottom:2rem}.section-header h3[data-v-8f56cfb2]{margin:0 0 .5rem 0;font-size:1.4rem;font-weight:600;color:#2c3e50}.section-header p[data-v-8f56cfb2]{margin:0;color:#6c757d}.settings-form[data-v-8f56cfb2]{max-width:600px}.form-row[data-v-8f56cfb2]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-8f56cfb2]{margin-bottom:1.5rem}.form-group label[data-v-8f56cfb2]{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.form-control[data-v-8f56cfb2]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-control[data-v-8f56cfb2]:focus{outline:none;border-color:#3498db}.form-actions[data-v-8f56cfb2]{margin-top:2rem;padding-top:1rem;border-top:1px solid #e9ecef}.payment-methods[data-v-8f56cfb2],.shipping-methods[data-v-8f56cfb2]{display:flex;flex-direction:column;gap:1rem}.payment-method-card[data-v-8f56cfb2],.shipping-method-card[data-v-8f56cfb2]{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:border-color .3s}.payment-method-card[data-v-8f56cfb2]:hover,.shipping-method-card[data-v-8f56cfb2]:hover{border-color:#3498db}.method-header[data-v-8f56cfb2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.method-info h4[data-v-8f56cfb2]{margin:0 0 .25rem 0;font-size:1.1rem;font-weight:600;color:#2c3e50}.method-info p[data-v-8f56cfb2]{margin:0;color:#6c757d;font-size:.9rem}.method-details[data-v-8f56cfb2]{display:flex;flex-direction:column;gap:.5rem}.detail-item[data-v-8f56cfb2]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f8f9fa}.detail-item[data-v-8f56cfb2]:last-child{border-bottom:none}.detail-item .label[data-v-8f56cfb2]{color:#6c757d;font-size:.9rem}.detail-item .value[data-v-8f56cfb2]{font-weight:500;color:#2c3e50}.switch[data-v-8f56cfb2]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-8f56cfb2]{opacity:0;width:0;height:0}.slider[data-v-8f56cfb2]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider[data-v-8f56cfb2]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider[data-v-8f56cfb2]{background-color:#3498db}input:checked+.slider[data-v-8f56cfb2]:before{transform:translateX(26px)}.notification-settings[data-v-8f56cfb2]{display:flex;flex-direction:column;gap:2rem}.notification-group h4[data-v-8f56cfb2]{margin:0 0 1rem 0;font-size:1.1rem;font-weight:600;color:#2c3e50;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.notification-item[data-v-8f56cfb2]{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f8f9fa}.notification-item[data-v-8f56cfb2]:last-child{border-bottom:none}.notification-info[data-v-8f56cfb2]{display:flex;flex-direction:column;gap:.25rem}.notification-title[data-v-8f56cfb2]{font-weight:500;color:#2c3e50}.notification-desc[data-v-8f56cfb2]{font-size:.9rem;color:#6c757d}.btn[data-v-8f56cfb2]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-v-8f56cfb2]{background-color:#3498db;color:#fff}.btn-primary[data-v-8f56cfb2]:hover{background-color:#2980b9}.btn-primary[data-v-8f56cfb2]:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width:768px){.settings-nav[data-v-8f56cfb2]{flex-wrap:wrap}.nav-tab[data-v-8f56cfb2]{flex:1;min-width:120px;justify-content:center}.form-row[data-v-8f56cfb2]{grid-template-columns:1fr}.method-header[data-v-8f56cfb2],.notification-item[data-v-8f56cfb2]{flex-direction:column;gap:1rem;align-items:flex-start}}