.h5-page[data-v-e41d0079]{background-color:#f9fafb;flex-direction:column;min-height:100vh;display:flex}.type-header[data-v-e41d0079]{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px;position:sticky;top:0}.type-tabs[data-v-e41d0079]{gap:12px;display:flex}.type-tab[data-v-e41d0079]{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.type-tab.active[data-v-e41d0079]{color:#fff;background:#4f46e5}.type-icon[data-v-e41d0079]{font-size:18px}.type-label[data-v-e41d0079]{font-size:14px;font-weight:500}.sidebar[data-v-e41d0079]{background:#fff;border-bottom:1px solid #e5e7eb;width:100%;padding:12px 16px}.sidebar-title[data-v-e41d0079]{color:#1f2937;margin-bottom:12px;font-size:14px;font-weight:600}.nav-list[data-v-e41d0079]{flex-wrap:wrap;gap:8px;display:flex}.nav-item[data-v-e41d0079]{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.nav-item[data-v-e41d0079]:hover{color:#374151;background-color:#e5e7eb}.nav-item.active[data-v-e41d0079]{color:#fff;background-color:#4f46e5}.content[data-v-e41d0079]{flex:1;padding:16px}.header[data-v-e41d0079]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header h1[data-v-e41d0079]{color:#1f2937;font-size:18px;font-weight:600}.count[data-v-e41d0079]{color:#6b7280;font-size:13px}.loading[data-v-e41d0079],.empty[data-v-e41d0079]{color:#6b7280;justify-content:center;align-items:center;min-height:200px;display:flex}.product-list[data-v-e41d0079]{flex-direction:column;gap:12px;display:flex}.product-card[data-v-e41d0079]{cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.product-card[data-v-e41d0079]:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.card-info[data-v-e41d0079]{flex:1;min-width:0}.product-name[data-v-e41d0079]{color:#3b82f6;margin-bottom:4px;font-size:16px;font-weight:600}.product-code[data-v-e41d0079],.width-range[data-v-e41d0079],.weight[data-v-e41d0079]{color:#6b7280;margin-bottom:2px;font-size:12px}.card-thumb[data-v-e41d0079]{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;width:60px;min-width:60px;height:60px;margin:0 12px;overflow:hidden}.card-thumb img[data-v-e41d0079]{object-fit:cover;width:100%;height:100%}.no-image[data-v-e41d0079]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-arrow[data-v-e41d0079]{margin-left:8px}@media (width>=768px){.h5-page[data-v-e41d0079]{flex-direction:row}.type-header[data-v-e41d0079]{display:none}.sidebar[data-v-e41d0079]{border-bottom:none;border-right:1px solid #e5e7eb;width:25%;min-width:160px;max-width:200px;height:100vh;position:sticky;top:0}.sidebar-title[data-v-e41d0079]{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding:0 20px 16px;font-size:16px}.nav-list[data-v-e41d0079]{flex-direction:column}.nav-item[data-v-e41d0079]{text-align:left;border-left:3px solid #0000;border-radius:0;padding:14px 20px}.nav-item.active[data-v-e41d0079]{color:#4f46e5;background-color:#eef2ff;border-left-color:#4f46e5}.content[data-v-e41d0079]{padding:24px}.header h1[data-v-e41d0079]{font-size:20px}}@media (width<=480px){.card-thumb[data-v-e41d0079]{width:50px;min-width:50px;height:50px;margin:0 8px}.product-name[data-v-e41d0079]{font-size:15px}}.detail-page[data-v-2c93e811]{background-color:#f9fafb;min-height:100vh}.detail-header[data-v-2c93e811]{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.back-btn[data-v-2c93e811]{color:#374151;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.back-btn[data-v-2c93e811]:hover{background-color:#f3f4f6}.title[data-v-2c93e811]{color:#1f2937;font-size:18px;font-weight:600}.placeholder[data-v-2c93e811]{width:40px}.loading[data-v-2c93e811],.empty[data-v-2c93e811]{color:#6b7280;justify-content:center;align-items:center;min-height:200px;display:flex}.detail-content[data-v-2c93e811]{padding:20px}.info-card[data-v-2c93e811]{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.type-badge[data-v-2c93e811]{background:#f3f4f6;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;display:inline-flex}.type-icon[data-v-2c93e811]{font-size:16px}.type-name[data-v-2c93e811]{color:#6b7280;font-size:12px}.product-code[data-v-2c93e811]{color:#3b82f6;margin-bottom:12px;font-size:20px;font-weight:600}.meta[data-v-2c93e811]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.material-tag[data-v-2c93e811]{color:#4f46e5;background-color:#eef2ff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.specs-grid[data-v-2c93e811]{border-top:1px solid #e5e7eb;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:16px;display:grid}.spec-item[data-v-2c93e811]{flex-direction:column;gap:4px;display:flex}.spec-label[data-v-2c93e811]{color:#9ca3af;font-size:12px}.spec-value[data-v-2c93e811]{color:#374151;font-size:14px;font-weight:500}.section[data-v-2c93e811]{background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.section-header[data-v-2c93e811]{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.section-header[data-v-2c93e811]:hover{background-color:#f9fafb}.section-header h2[data-v-2c93e811]{color:#1f2937;align-items:center;font-size:16px;font-weight:600;display:flex}.video-count[data-v-2c93e811]{color:#9ca3af;margin-left:4px;font-weight:400}.arrow[data-v-2c93e811]{color:#9ca3af;transition:transform .2s}.arrow.expanded[data-v-2c93e811]{transform:rotate(180deg)}.section-content[data-v-2c93e811]{padding:0 20px 20px}.description-text[data-v-2c93e811]{color:#4b5563;white-space:pre-wrap;font-size:14px;line-height:1.8}.image-grid[data-v-2c93e811]{flex-direction:column;gap:12px;display:flex}.detail-image[data-v-2c93e811]{cursor:pointer;border-radius:8px;width:100%;transition:opacity .2s}.detail-image[data-v-2c93e811]:hover{opacity:.9}.video-container[data-v-2c93e811]{flex-direction:column;gap:16px;display:flex}.video-wrapper[data-v-2c93e811]{background:#000;border-radius:12px;position:relative;overflow:hidden}.main-video[data-v-2c93e811]{width:100%;max-height:400px;display:block}.video-nav[data-v-2c93e811]{background:#000c;justify-content:center;align-items:center;gap:20px;padding:12px;display:flex}.nav-btn[data-v-2c93e811]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.nav-btn[data-v-2c93e811]:hover{background:#ffffff4d}.video-indicator[data-v-2c93e811]{color:#fff;font-size:14px}.video-placeholder[data-v-2c93e811]{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.video-placeholder p[data-v-2c93e811]{color:#6b7280;margin:16px 0 4px;font-size:14px}@media (width<=375px){.specs-grid[data-v-2c93e811]{grid-template-columns:1fr}}.login-page[data-v-885c1320]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card[data-v-885c1320]{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0003}.login-header[data-v-885c1320]{text-align:center;margin-bottom:32px}.login-header h1[data-v-885c1320]{color:#1f2937;margin-bottom:8px;font-size:24px;font-weight:600}.login-header p[data-v-885c1320]{color:#6b7280;font-size:14px}.login-form[data-v-885c1320]{margin-bottom:24px}.error-message[data-v-885c1320]{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:10px 12px;font-size:14px}.login-btn[data-v-885c1320]{width:100%;padding:12px;font-size:16px}.login-btn[data-v-885c1320]:disabled{opacity:.7;cursor:not-allowed}.login-footer[data-v-885c1320]{text-align:center;border-top:1px solid #e5e7eb;padding-top:16px}.login-footer p[data-v-885c1320]{color:#9ca3af;font-size:12px}.admin-layout[data-v-a02d4fcd]{background-color:#f9fafb;min-height:100vh}.admin-header[data-v-a02d4fcd]{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.header-left h1[data-v-a02d4fcd]{color:#1f2937;font-size:18px;font-weight:600}.header-right[data-v-a02d4fcd]{align-items:center;gap:12px;display:flex}.username[data-v-a02d4fcd]{color:#6b7280;font-size:14px}.logout-btn[data-v-a02d4fcd]{color:#dc2626;cursor:pointer;background-color:#fee2e2;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.logout-btn[data-v-a02d4fcd]:hover{background-color:#fecaca}.admin-nav[data-v-a02d4fcd]{background:#fff;border-bottom:1px solid #e5e7eb;gap:4px;padding:0 24px;display:flex}.nav-link[data-v-a02d4fcd]{color:#6b7280;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-link[data-v-a02d4fcd]:hover{color:#374151;background:#f9fafb}.nav-link.active[data-v-a02d4fcd]{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:500}.admin-content[data-v-a02d4fcd]{padding:24px}@media (width<=768px){.admin-header[data-v-a02d4fcd]{padding:12px 16px}.header-left h1[data-v-a02d4fcd]{font-size:16px}.username[data-v-a02d4fcd]{display:none}.logout-btn[data-v-a02d4fcd]{padding:8px 12px;font-size:13px}.admin-nav[data-v-a02d4fcd]{padding:0 16px;overflow-x:auto}.nav-link[data-v-a02d4fcd]{white-space:nowrap;padding:12px 16px}.admin-content[data-v-a02d4fcd]{padding:16px}}.product-list-page[data-v-58109552]{max-width:1400px;margin:0 auto}.page-header[data-v-58109552]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2[data-v-58109552]{color:#1f2937;font-size:20px;font-weight:600}.type-tabs[data-v-58109552]{gap:12px;margin-bottom:20px;display:flex}.type-tab[data-v-58109552]{cursor:pointer;background:#f3f4f6;border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .2s;display:flex}.type-tab[data-v-58109552]:hover{background:#e5e7eb}.type-tab.active[data-v-58109552]{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.type-icon[data-v-58109552]{font-size:18px}.filters[data-v-58109552]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-left[data-v-58109552]{flex-wrap:wrap;gap:12px;display:flex}.search-input[data-v-58109552]{width:240px}.table-container[data-v-58109552]{overflow-x:auto}.loading[data-v-58109552]{text-align:center;color:#6b7280;padding:40px}.empty-cell[data-v-58109552]{text-align:center;color:#9ca3af;padding:40px!important}.material-tag[data-v-58109552]{color:#4f46e5;background-color:#eef2ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.actions[data-v-58109552]{gap:8px;display:flex}.pagination[data-v-58109552]{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.pagination button[data-v-58109552]{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:8px 16px}.pagination button[data-v-58109552]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-58109552]{color:#6b7280}.modal-overlay[data-v-58109552]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-58109552]{background:#fff;border-radius:12px;width:90%;max-width:400px}.modal-header[data-v-58109552]{border-bottom:1px solid #e5e7eb;padding:20px 24px}.modal-header h3[data-v-58109552]{color:#1f2937;font-size:18px;font-weight:600}.modal-body[data-v-58109552]{padding:24px}.modal-body p[data-v-58109552]{margin-bottom:8px}.warning[data-v-58109552]{color:#dc2626;font-size:13px}.modal-footer[data-v-58109552]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn[data-v-58109552]{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px}.btn-primary[data-v-58109552]{color:#fff;background:#3b82f6}.btn-secondary[data-v-58109552]{color:#374151;background:#f3f4f6}.btn-danger[data-v-58109552]{color:#fff;background:#dc2626}.btn-sm[data-v-58109552]{padding:6px 12px;font-size:13px}.product-form-page[data-v-6aa8133b]{max-width:900px;margin:0 auto}.page-header[data-v-6aa8133b]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2[data-v-6aa8133b]{color:#1f2937;font-size:20px;font-weight:600}.loading[data-v-6aa8133b]{text-align:center;color:#6b7280;padding:40px}.product-form[data-v-6aa8133b]{padding:24px}.error-message[data-v-6aa8133b]{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:12px 16px}.type-selector[data-v-6aa8133b]{flex-wrap:wrap;gap:12px;display:flex}.type-btn[data-v-6aa8133b]{cursor:pointer;background:#f3f4f6;border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.type-btn[data-v-6aa8133b]:hover{background:#e5e7eb}.type-btn.active[data-v-6aa8133b]{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.type-icon[data-v-6aa8133b]{font-size:18px}.form-row[data-v-6aa8133b]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-row[data-v-6aa8133b]:has(.form-group:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.form-group[data-v-6aa8133b]{margin-bottom:20px}.form-label[data-v-6aa8133b]{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input[data-v-6aa8133b]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-input[data-v-6aa8133b]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-select[data-v-6aa8133b]{cursor:pointer}.form-textarea[data-v-6aa8133b]{resize:vertical;min-height:100px}.media-list[data-v-6aa8133b]{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.media-item[data-v-6aa8133b]{border:1px solid #e5e7eb;border-radius:8px;width:120px;height:120px;position:relative;overflow:hidden}.media-item.video-item[data-v-6aa8133b]{width:180px;height:120px}.media-preview[data-v-6aa8133b]{object-fit:cover;width:100%;height:100%}.media-remove[data-v-6aa8133b]{color:#fff;cursor:pointer;opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:opacity .2s;display:flex;position:absolute;top:4px;right:4px}.media-item:hover .media-remove[data-v-6aa8133b]{opacity:1}.media-actions[data-v-6aa8133b]{gap:12px;display:flex}.form-actions[data-v-6aa8133b]{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:32px;padding-top:24px;display:flex}.btn[data-v-6aa8133b]{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .2s}.btn-primary[data-v-6aa8133b]{color:#fff;background:#3b82f6}.btn-primary[data-v-6aa8133b]:hover{background:#2563eb}.btn-primary[data-v-6aa8133b]:disabled{cursor:not-allowed;background:#93c5fd}.btn-secondary[data-v-6aa8133b]{color:#374151;background:#f3f4f6}.btn-secondary[data-v-6aa8133b]:hover{background:#e5e7eb}@media (width<=640px){.form-row[data-v-6aa8133b]{grid-template-columns:1fr}.form-row[data-v-6aa8133b]:has(.form-group:nth-child(3)){grid-template-columns:1fr}}.type-management[data-v-e83961d9]{max-width:900px;margin:0 auto}.page-header[data-v-e83961d9]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2[data-v-e83961d9]{color:#1f2937;font-size:20px;font-weight:600}.loading[data-v-e83961d9]{text-align:center;color:#6b7280;padding:40px}.empty-cell[data-v-e83961d9]{text-align:center;color:#9ca3af;padding:40px!important}.type-icon[data-v-e83961d9]{font-size:24px}.key-code[data-v-e83961d9]{background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:12px}.status-btn[data-v-e83961d9]{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:20px;padding:4px 12px;font-size:12px}.status-btn.active[data-v-e83961d9]{color:#059669;background:#d1fae5}.actions[data-v-e83961d9]{gap:8px;display:flex}.modal-overlay[data-v-e83961d9]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-e83961d9]{background:#fff;border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 60px #0003}.modal-sm[data-v-e83961d9]{max-width:360px}.modal-header[data-v-e83961d9]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-e83961d9]{color:#1f2937;font-size:16px;font-weight:600}.close-btn[data-v-e83961d9]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:20px}.close-btn[data-v-e83961d9]:hover{background:#f3f4f6}.modal-body[data-v-e83961d9]{padding:20px}.modal-body p[data-v-e83961d9]{margin-bottom:8px}.warning[data-v-e83961d9]{color:#dc2626;font-size:13px}.modal-footer[data-v-e83961d9]{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;display:flex}.form-group[data-v-e83961d9]{margin-bottom:16px}.form-label[data-v-e83961d9]{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input[data-v-e83961d9]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}.form-input[data-v-e83961d9]:focus{border-color:#3b82f6;outline:none}.form-input[data-v-e83961d9]:disabled{background:#f3f4f6}.form-hint[data-v-e83961d9]{color:#9ca3af;margin-top:4px;font-size:12px}.form-row[data-v-e83961d9]{gap:20px;display:flex}.form-row .form-group[data-v-e83961d9]{flex:1}.status-text[data-v-e83961d9]{color:#6b7280;margin-left:12px;font-size:14px}.btn[data-v-e83961d9]{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px}.btn-primary[data-v-e83961d9]{color:#fff;background:#3b82f6}.btn-primary[data-v-e83961d9]:hover{background:#2563eb}.btn-secondary[data-v-e83961d9]{color:#374151;background:#f3f4f6}.btn-secondary[data-v-e83961d9]:hover{background:#e5e7eb}.btn-danger[data-v-e83961d9]{color:#fff;background:#dc2626}.btn-danger[data-v-e83961d9]:hover{background:#b91c1c}.btn-sm[data-v-e83961d9]{padding:6px 12px;font-size:13px}.switch[data-v-e83961d9]{width:44px;height:24px;display:inline-block;position:relative}.switch input[data-v-e83961d9]{opacity:0;width:0;height:0}.slider[data-v-e83961d9]{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider[data-v-e83961d9]:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-e83961d9]{background-color:#10b981}input:checked+.slider[data-v-e83961d9]:before{transform:translate(20px)}@media (width<=640px){.table[data-v-e83961d9]{font-size:13px}.form-row[data-v-e83961d9]{flex-direction:column;gap:0}}.material-management[data-v-cf721430]{padding:20px}.page-header[data-v-cf721430]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2[data-v-cf721430]{color:#333;font-size:20px;font-weight:600}.filter-bar[data-v-cf721430]{margin-bottom:16px}.filter-select[data-v-cf721430]{border:1px solid #ddd;border-radius:4px;min-width:150px;padding:8px 12px;font-size:14px}.material-list[data-v-cf721430]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.data-table[data-v-cf721430]{border-collapse:collapse;width:100%}.data-table th[data-v-cf721430],.data-table td[data-v-cf721430]{text-align:left;border-bottom:1px solid #eee;padding:12px 16px}.data-table th[data-v-cf721430]{color:#333;background:#f8f9fa;font-size:14px;font-weight:600}.data-table td[data-v-cf721430]{color:#666;font-size:14px}.key-name[data-v-cf721430]{color:#888;font-family:monospace}.type-tag[data-v-cf721430]{color:#1890ff;background:#e8f4ff;border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.icon-preview[data-v-cf721430]{font-size:18px}.no-icon[data-v-cf721430]{color:#ccc}.status-badge[data-v-cf721430]{border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.status-badge.active[data-v-cf721430]{color:#52c41a;background:#e6f7e6}.status-badge.inactive[data-v-cf721430]{color:#999;background:#f5f5f5}.actions[data-v-cf721430]{gap:8px;display:flex}.btn-edit[data-v-cf721430],.btn-delete[data-v-cf721430]{cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px}.btn-edit[data-v-cf721430]{color:#1890ff;background:#e6f7ff}.btn-delete[data-v-cf721430]{color:#ff4d4f;background:#fff1f0}.btn-primary[data-v-cf721430]{color:#fff;cursor:pointer;background:#1890ff;border:none;border-radius:4px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;display:inline-flex}.btn-primary[data-v-cf721430]:disabled{opacity:.6;cursor:not-allowed}.empty-row[data-v-cf721430]{text-align:center;color:#999;padding:40px!important}.modal-overlay[data-v-cf721430]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-cf721430]{background:#fff;border-radius:8px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-header[data-v-cf721430]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-cf721430]{margin:0;font-size:16px;font-weight:600}.close-btn[data-v-cf721430]{color:#999;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-body[data-v-cf721430]{padding:20px}.form-group[data-v-cf721430]{margin-bottom:16px}.form-group label[data-v-cf721430]{color:#333;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.required[data-v-cf721430]{color:#ff4d4f}.form-group input[type=text][data-v-cf721430],.form-group input[type=number][data-v-cf721430],.form-group select[data-v-cf721430]{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.form-group input[data-v-cf721430]:focus,.form-group select[data-v-cf721430]:focus{border-color:#1890ff;outline:none}.hint[data-v-cf721430]{color:#999;margin-top:4px;font-size:12px;display:block}.checkbox-label[data-v-cf721430]{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input[data-v-cf721430]{width:auto}.modal-footer[data-v-cf721430]{border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn-cancel[data-v-cf721430]{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#374151;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}#app{width:100%;height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 16px}.btn{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background-color:#4f46e5}.btn-primary:hover{background-color:#4338ca}.btn-secondary{color:#374151;background-color:#e5e7eb}.btn-secondary:hover{background-color:#d1d5db}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-sm{padding:4px 12px;font-size:12px}.form-group{margin-bottom:16px}.form-label{color:#374151;margin-bottom:6px;font-weight:500;display:block}.form-input{border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:#4f46e5;outline:none}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 16px}.table th{color:#374151;background-color:#f9fafb;font-weight:600}.table tr:hover{background-color:#f9fafb}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.pagination button{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px}.pagination button:hover{background-color:#f9fafb}.pagination button.active{color:#fff;background-color:#4f46e5;border-color:#4f46e5}.pagination button:disabled{opacity:.5;cursor:not-allowed}