.top-navbar[data-v-de00d410]{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-content[data-v-de00d410]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);max-width:100%}.brand[data-v-de00d410]{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.brand-icon[data-v-de00d410]{font-size:var(--font-size-xl);color:var(--primary-color)}.brand-text[data-v-de00d410]{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-800);white-space:nowrap}.search-container[data-v-de00d410]{flex:1;max-width:500px;margin:0 var(--spacing-6)}.search-box[data-v-de00d410]{position:relative;display:flex;align-items:center}.search-icon[data-v-de00d410]{position:absolute;left:var(--spacing-3);color:var(--gray-400);font-size:var(--font-size-sm);z-index:1}.search-input[data-v-de00d410]{width:100%;padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-10);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);background-color:var(--bg-secondary);transition:all var(--transition-fast)}.search-input[data-v-de00d410]:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-light)}.clear-search[data-v-de00d410]{position:absolute;right:var(--spacing-3);background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius);transition:all var(--transition-fast)}.clear-search[data-v-de00d410]:hover{color:var(--gray-600);background-color:var(--gray-100)}.user-section[data-v-de00d410]{display:flex;align-items:center;gap:var(--spacing-4);flex-shrink:0}.user-info[data-v-de00d410]{display:flex;align-items:center;gap:var(--spacing-2);color:var(--gray-700);font-size:var(--font-size-sm)}.user-icon[data-v-de00d410]{color:var(--primary-color);font-size:var(--font-size-base)}.username[data-v-de00d410]{font-weight:500}.logout-btn[data-v-de00d410]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-primary);color:var(--gray-600);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.logout-btn[data-v-de00d410]:hover{color:var(--danger-color);border-color:var(--danger-color);background-color:var(--danger-light)}@media (max-width: 768px){.navbar-content[data-v-de00d410]{padding:var(--spacing-3) var(--spacing-4)}.brand-text[data-v-de00d410]{display:none}.search-container[data-v-de00d410]{margin:0 var(--spacing-4)}.search-input[data-v-de00d410]{font-size:var(--font-size-xs)}}@media (max-width: 480px){.search-container[data-v-de00d410]{margin:0 var(--spacing-2)}}.sidebar[data-v-3ac2652d]{width:280px;background-color:var(--bg-primary);border-right:1px solid var(--border-color);height:100vh;overflow-y:auto;flex-shrink:0}.db-status[data-v-3ac2652d]{padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}.status-header[data-v-3ac2652d]{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-3)}.status-header i[data-v-3ac2652d]{color:var(--primary-color)}.status-content[data-v-3ac2652d]{space-y:var(--spacing-2)}.status-item[data-v-3ac2652d]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-1) 0;font-size:var(--font-size-sm)}.status-label[data-v-3ac2652d]{color:var(--gray-600)}.status-value[data-v-3ac2652d]{font-weight:500}.status-value.connected[data-v-3ac2652d]{color:var(--success-color)}.status-value.disconnected[data-v-3ac2652d]{color:var(--danger-color)}.categories-section[data-v-3ac2652d]{padding:var(--spacing-4)}.section-header[data-v-3ac2652d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.header-content[data-v-3ac2652d]{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;color:var(--gray-700)}.header-content i[data-v-3ac2652d]{color:var(--primary-color)}.refresh-btn[data-v-3ac2652d]{color:var(--gray-500);border:none;background:none;padding:var(--spacing-1)}.refresh-btn[data-v-3ac2652d]:hover{color:var(--primary-color);background-color:var(--primary-light)}.refresh-btn[data-v-3ac2652d]:disabled{opacity:.6;cursor:not-allowed}.spinning[data-v-3ac2652d]{animation:spin 1s linear infinite}.categories-list[data-v-3ac2652d]{space-y:var(--spacing-1)}.category-item[data-v-3ac2652d]{border-radius:var(--border-radius);transition:all var(--transition-fast);cursor:pointer}.category-item[data-v-3ac2652d]:hover{background-color:var(--gray-50)}.category-item.active[data-v-3ac2652d]{background-color:var(--primary-light);color:var(--primary-color)}.category-main[data-v-3ac2652d]{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2)}.expand-btn[data-v-3ac2652d]{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius);transition:all var(--transition-fast);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.expand-btn[data-v-3ac2652d]:hover{color:var(--gray-600);background-color:var(--gray-100)}.category-item.expanded .expand-btn i[data-v-3ac2652d]{transform:rotate(180deg)}.category-name[data-v-3ac2652d]{flex:1;font-size:var(--font-size-sm);font-weight:500}.category-count[data-v-3ac2652d]{font-size:var(--font-size-xs);color:var(--gray-500);font-weight:400}.subcategories[data-v-3ac2652d]{margin-left:var(--spacing-6);border-left:2px solid var(--border-color);padding-left:var(--spacing-3)}.subcategory-item[data-v-3ac2652d]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.subcategory-item[data-v-3ac2652d]:hover{background-color:var(--gray-50)}.subcategory-item.active[data-v-3ac2652d]{background-color:var(--primary-light);color:var(--primary-color)}.subcategory-name[data-v-3ac2652d]{font-size:var(--font-size-sm);font-weight:400}.subcategory-count[data-v-3ac2652d]{font-size:var(--font-size-xs);color:var(--gray-500)}@media (max-width: 768px){.sidebar[data-v-3ac2652d]{width:250px}.db-status[data-v-3ac2652d],.categories-section[data-v-3ac2652d]{padding:var(--spacing-3)}.category-main[data-v-3ac2652d]{padding:var(--spacing-2)}.subcategory-item[data-v-3ac2652d]{padding:var(--spacing-1) var(--spacing-2)}}.toolbar[data-v-f0912d3e]{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.toolbar-section[data-v-f0912d3e]{display:flex;align-items:center;gap:var(--spacing-3)}.section-label[data-v-f0912d3e]{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-700);white-space:nowrap}.view-controls[data-v-f0912d3e]{display:flex;gap:var(--spacing-1)}.view-controls .btn[data-v-f0912d3e]{color:var(--gray-600);border:1px solid var(--border-color);background-color:var(--bg-primary)}.view-controls .btn[data-v-f0912d3e]:hover,.view-controls .btn.active[data-v-f0912d3e]{color:var(--primary-color);border-color:var(--primary-color);background-color:var(--primary-light)}.sort-controls[data-v-f0912d3e]{display:flex;align-items:center;gap:var(--spacing-2)}.sort-select[data-v-f0912d3e]{min-width:120px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);font-size:var(--font-size-sm);color:var(--gray-700);cursor:pointer}.sort-select[data-v-f0912d3e]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.sort-order-btn[data-v-f0912d3e]{color:var(--gray-600);border:1px solid var(--border-color);background-color:var(--bg-primary)}.sort-order-btn[data-v-f0912d3e]:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:var(--primary-light)}.filter-controls[data-v-f0912d3e]{display:flex;align-items:center;gap:var(--spacing-3)}.select-input[data-v-f0912d3e]{min-width:120px;font-size:var(--font-size-sm)}.price-filter[data-v-f0912d3e]{display:flex;align-items:center;gap:var(--spacing-2)}.price-input[data-v-f0912d3e]{width:100px;font-size:var(--font-size-sm)}.price-separator[data-v-f0912d3e]{color:var(--gray-500);font-weight:500}.selection-controls[data-v-f0912d3e]{display:flex;align-items:center;gap:var(--spacing-3)}.selection-info[data-v-f0912d3e]{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:500;white-space:nowrap}.btn[data-v-f0912d3e]:disabled{opacity:.6;cursor:not-allowed}.btn.active[data-v-f0912d3e]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width: 1200px){.toolbar[data-v-f0912d3e]{gap:var(--spacing-4)}.toolbar-section[data-v-f0912d3e]{gap:var(--spacing-2)}}@media (max-width: 768px){.toolbar[data-v-f0912d3e]{flex-direction:column;align-items:stretch;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}.toolbar-section[data-v-f0912d3e]{justify-content:space-between;flex-wrap:wrap}.filter-controls[data-v-f0912d3e]{flex-wrap:wrap;gap:var(--spacing-2)}.price-filter[data-v-f0912d3e]{flex:1;min-width:200px}.price-input[data-v-f0912d3e]{flex:1;min-width:80px}}@media (max-width: 480px){.section-label[data-v-f0912d3e]{font-size:var(--font-size-xs)}.btn[data-v-f0912d3e]{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.select-input[data-v-f0912d3e],.price-input[data-v-f0912d3e]{font-size:var(--font-size-xs)}}.stats-bar[data-v-805dcb76]{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-6)}.stats-container[data-v-805dcb76]{display:flex;gap:var(--spacing-6);align-items:center;flex-wrap:wrap}.stat-item[data-v-805dcb76]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);min-width:120px}.stat-item.highlighted[data-v-805dcb76]{background-color:var(--primary-light);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.stat-icon[data-v-805dcb76]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--primary-light);border-radius:var(--border-radius);color:var(--primary-color);font-size:var(--font-size-sm)}.highlighted .stat-icon[data-v-805dcb76]{background-color:var(--primary-color);color:#fff}.stat-content[data-v-805dcb76]{flex:1;min-width:0}.stat-label[data-v-805dcb76]{font-size:var(--font-size-xs);color:var(--gray-600);font-weight:500;line-height:1.2;margin-bottom:var(--spacing-1)}.stat-value[data-v-805dcb76]{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-800);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.highlighted .stat-value[data-v-805dcb76]{color:var(--primary-color)}.category-highlight[data-v-805dcb76]{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border:2px solid var(--primary-color);box-shadow:var(--shadow-md)}.category-highlight .stat-icon[data-v-805dcb76]{background-color:#fff;color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.category-highlight .stat-label[data-v-805dcb76]{color:#fff;font-weight:600}.category-highlight .stat-value[data-v-805dcb76]{color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (max-width: 1200px){.stats-container[data-v-805dcb76]{gap:var(--spacing-4)}.stat-item[data-v-805dcb76]{min-width:100px;padding:var(--spacing-2) var(--spacing-3)}.stat-icon[data-v-805dcb76]{width:28px;height:28px;font-size:var(--font-size-xs)}.stat-value[data-v-805dcb76]{font-size:var(--font-size-base)}}@media (max-width: 768px){.stats-bar[data-v-805dcb76]{padding:var(--spacing-3) var(--spacing-4)}.stats-container[data-v-805dcb76]{gap:var(--spacing-3);justify-content:space-between}.stat-item[data-v-805dcb76]{flex:1;min-width:80px;padding:var(--spacing-2);gap:var(--spacing-2)}.stat-icon[data-v-805dcb76]{width:24px;height:24px;font-size:var(--font-size-xs)}.stat-label[data-v-805dcb76]{font-size:10px}.stat-value[data-v-805dcb76]{font-size:var(--font-size-sm)}}@media (max-width: 480px){.stats-container[data-v-805dcb76]{flex-direction:column;gap:var(--spacing-2)}.stat-item[data-v-805dcb76]{width:100%;justify-content:flex-start}.stat-content[data-v-805dcb76]{display:flex;align-items:center;justify-content:space-between;width:100%}.stat-label[data-v-805dcb76],.stat-value[data-v-805dcb76]{margin-bottom:0}}.stat-item[data-v-805dcb76]{animation:fadeInUp-805dcb76 .3s ease-out}@keyframes fadeInUp-805dcb76{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-value[data-v-805dcb76]{transition:all var(--transition-fast)}.stat-value[data-v-805dcb76]:hover{transform:scale(1.05)}.product-grid-container[data-v-134e2c7c]{padding:var(--spacing-6);min-height:400px}.loading-container[data-v-134e2c7c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--spacing-4);color:var(--gray-600)}.empty-state[data-v-134e2c7c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:var(--gray-600)}.empty-icon[data-v-134e2c7c]{font-size:4rem;color:var(--gray-400);margin-bottom:var(--spacing-4)}.empty-state h3[data-v-134e2c7c]{margin-bottom:var(--spacing-2);color:var(--gray-700)}.empty-state p[data-v-134e2c7c]{max-width:400px;line-height:1.6}.product-grid.view-grid[data-v-134e2c7c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-6)}.product-grid.view-grid .product-item[data-v-134e2c7c]{display:flex;flex-direction:column;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-fast);position:relative}.product-grid.view-grid .product-item[data-v-134e2c7c]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.product-grid.view-grid .product-item.selected[data-v-134e2c7c]{border-color:var(--primary-color);background-color:var(--primary-light);box-shadow:var(--shadow-md)}.product-grid.view-grid .product-item[data-v-134e2c7c]{cursor:pointer}.product-grid.view-grid .product-info[data-v-134e2c7c]{padding:var(--spacing-4);padding-top:calc(var(--spacing-4) + 30px);flex:1}.product-grid.view-list[data-v-134e2c7c]{display:flex;flex-direction:column;gap:var(--spacing-4)}.product-grid.view-list .product-item[data-v-134e2c7c]{display:flex;align-items:center;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:all var(--transition-fast);gap:var(--spacing-4)}.product-grid.view-list .product-item[data-v-134e2c7c]:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.product-grid.view-list .product-item.selected[data-v-134e2c7c]{border-color:var(--primary-color);background-color:var(--primary-light);box-shadow:var(--shadow-md)}.product-grid.view-list .product-item[data-v-134e2c7c]{cursor:pointer}.product-grid.view-list .product-info[data-v-134e2c7c]{flex:1;min-width:0}.product-checkbox[data-v-134e2c7c]{position:absolute;top:var(--spacing-2);right:var(--spacing-2);z-index:10;background-color:#ffffffe6;border-radius:var(--border-radius-sm);padding:var(--spacing-1);box-shadow:0 1px 3px #0000001a}.product-checkbox input[type=checkbox][data-v-134e2c7c]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.product-image[data-v-134e2c7c]{width:100%;height:200px;margin-bottom:var(--spacing-3);border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.product-image[data-v-134e2c7c]:hover{transform:scale(1.02)}.product-image img[data-v-134e2c7c]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.product-image:hover img[data-v-134e2c7c]{transform:scale(1.1)}.image-overlay[data-v-134e2c7c]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;gap:var(--spacing-2)}.product-image:hover .image-overlay[data-v-134e2c7c]{opacity:1}.image-overlay i[data-v-134e2c7c]{font-size:1.5rem}.image-overlay span[data-v-134e2c7c]{font-size:.875rem;font-weight:500}.image-count[data-v-134e2c7c]{position:absolute;top:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.no-image[data-v-134e2c7c]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-500);font-size:var(--font-size-sm);gap:var(--spacing-2)}.no-image i[data-v-134e2c7c]{font-size:2rem;opacity:.5}.product-grid.view-list .product-image[data-v-134e2c7c]{width:120px;height:120px;margin-bottom:0;margin-right:var(--spacing-3);flex-shrink:0}.image-modal[data-v-134e2c7c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content[data-v-134e2c7c]{background:#fff;border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.modal-header[data-v-134e2c7c]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h3[data-v-134e2c7c]{margin:0;color:var(--gray-800);font-size:var(--font-size-lg);font-weight:600}.close-btn[data-v-134e2c7c]{background:none;border:none;font-size:1.5rem;color:var(--gray-600);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.close-btn[data-v-134e2c7c]:hover{background:var(--gray-200);color:var(--gray-800)}.modal-body[data-v-134e2c7c]{display:flex;gap:var(--spacing-4);padding:var(--spacing-4);overflow:auto}.image-gallery[data-v-134e2c7c]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.main-image[data-v-134e2c7c]{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--border-radius-md);overflow:hidden;min-height:400px}.main-image img[data-v-134e2c7c]{max-width:100%;max-height:100%;object-fit:contain}.thumbnail-list[data-v-134e2c7c]{display:flex;gap:var(--spacing-2);justify-content:center;flex-wrap:wrap}.thumbnail[data-v-134e2c7c]{width:60px;height:60px;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast)}.thumbnail.active[data-v-134e2c7c]{border-color:var(--primary-color)}.thumbnail[data-v-134e2c7c]:hover{border-color:var(--primary-hover)}.thumbnail img[data-v-134e2c7c]{width:100%;height:100%;object-fit:cover}.image-info[data-v-134e2c7c]{width:250px;padding:var(--spacing-3);background:var(--bg-secondary);border-radius:var(--border-radius-md);flex-shrink:0}.image-info p[data-v-134e2c7c]{margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--gray-700)}.external-link[data-v-134e2c7c]{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.external-link[data-v-134e2c7c]:hover{color:var(--primary-hover)}@media (max-width: 768px){.modal-body[data-v-134e2c7c]{flex-direction:column}.image-info[data-v-134e2c7c]{width:100%}.main-image[data-v-134e2c7c]{min-height:300px}}.product-grid.view-list .product-checkbox[data-v-134e2c7c]{position:static;margin-right:var(--spacing-3);background-color:transparent;padding:0;box-shadow:none}.product-name[data-v-134e2c7c]{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-2);line-height:1.4;word-wrap:break-word;word-break:break-all;white-space:normal;overflow-wrap:break-word}.product-category[data-v-134e2c7c]{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--spacing-2)}.price-info[data-v-134e2c7c]{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.product-price[data-v-134e2c7c]{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}.cost-price[data-v-134e2c7c]{font-size:var(--font-size-sm);color:var(--gray-600)}.sale-price[data-v-134e2c7c]{font-size:var(--font-size-sm);color:var(--success-color);font-weight:600}.product-details[data-v-134e2c7c]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.detail-item[data-v-134e2c7c]{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-label[data-v-134e2c7c]{font-size:var(--font-size-xs);color:var(--gray-500);font-weight:500}.detail-value[data-v-134e2c7c]{font-size:var(--font-size-sm);color:var(--gray-800);font-weight:600}.detail-value.profit.positive[data-v-134e2c7c],.detail-value.status.盈利[data-v-134e2c7c]{color:var(--success-color)}.detail-value.status.亏损[data-v-134e2c7c]{color:var(--danger-color)}.detail-value.performance-score[data-v-134e2c7c]{color:var(--primary-color);font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-list .product-details[data-v-134e2c7c]{grid-template-columns:repeat(3,1fr)}.product-description[data-v-134e2c7c]{font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.5;margin-bottom:var(--spacing-3);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-link[data-v-134e2c7c]{margin-bottom:var(--spacing-3)}.product-link a[data-v-134e2c7c]{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.product-link a[data-v-134e2c7c]:hover{color:var(--primary-hover)}.product-actions[data-v-134e2c7c]{display:flex;gap:var(--spacing-2);padding:var(--spacing-3);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.view-list .product-actions[data-v-134e2c7c]{border-top:none;background-color:transparent;padding:0;flex-shrink:0}.product-actions .btn[data-v-134e2c7c]{flex:1}.view-list .product-actions .btn[data-v-134e2c7c]{flex:none}@media (max-width: 768px){.product-grid-container[data-v-134e2c7c]{padding:var(--spacing-4)}.product-grid.view-grid[data-v-134e2c7c]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-4)}.product-grid.view-list .product-item[data-v-134e2c7c]{flex-direction:column;align-items:stretch;text-align:center}.product-actions[data-v-134e2c7c]{justify-content:center}}@media (max-width: 480px){.product-grid.view-grid[data-v-134e2c7c]{grid-template-columns:1fr}.product-name[data-v-134e2c7c]{font-size:var(--font-size-base)}.product-price[data-v-134e2c7c]{font-size:var(--font-size-lg)}}.main-content[data-v-00b51cb3]{flex:1;display:flex;flex-direction:column;min-height:0;background-color:var(--bg-primary)}@media (max-width: 768px){.main-content[data-v-00b51cb3]{padding:var(--spacing-2)}}.modal-overlay[data-v-8db081e0]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-container[data-v-8db081e0]{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-8db081e0]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h2[data-v-8db081e0]{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-8db081e0]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius);transition:all .2s ease}.close-btn[data-v-8db081e0]:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body[data-v-8db081e0]{padding:var(--spacing-6);overflow-y:auto;flex:1}.form-group[data-v-8db081e0]{margin-bottom:var(--spacing-4)}.form-group label[data-v-8db081e0]{display:block;margin-bottom:var(--spacing-2);font-weight:500;color:var(--text-primary)}.form-group input[data-v-8db081e0],.form-group select[data-v-8db081e0],.form-group textarea[data-v-8db081e0]{width:100%;padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.form-group input[data-v-8db081e0]:focus,.form-group select[data-v-8db081e0]:focus,.form-group textarea[data-v-8db081e0]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error[data-v-8db081e0],.form-group select.error[data-v-8db081e0],.form-group textarea.error[data-v-8db081e0]{border-color:var(--error-color)}.error-text[data-v-8db081e0]{display:block;margin-top:var(--spacing-1);font-size:.75rem;color:var(--error-color)}.image-preview[data-v-8db081e0]{margin-top:var(--spacing-2);text-align:center}.image-preview img[data-v-8db081e0]{max-width:200px;max-height:150px;border-radius:var(--border-radius);border:1px solid var(--border-color)}.form-actions[data-v-8db081e0]{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.btn[data-v-8db081e0]{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-2)}.btn[data-v-8db081e0]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-8db081e0]{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary[data-v-8db081e0]:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-primary[data-v-8db081e0]{background:var(--primary-color);color:#fff}.btn-primary[data-v-8db081e0]:hover:not(:disabled){background:var(--primary-hover)}.loading-spinner[data-v-8db081e0]{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-8db081e0 1s linear infinite}@keyframes spin-8db081e0{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-overlay[data-v-8db081e0]{padding:var(--spacing-2)}.modal-container[data-v-8db081e0]{max-height:95vh}.modal-header[data-v-8db081e0],.modal-body[data-v-8db081e0]{padding:var(--spacing-4)}.form-actions[data-v-8db081e0]{flex-direction:column}.btn[data-v-8db081e0]{width:100%;justify-content:center}}@media (prefers-color-scheme: dark){.modal-overlay[data-v-8db081e0]{background-color:#000000b3}}.links-modal[data-v-dfcb5d47]{max-width:800px;width:90vw;max-height:80vh;display:flex;flex-direction:column}.modal-body[data-v-dfcb5d47]{flex:1;overflow-y:auto;padding:var(--spacing-6)}.loading-state[data-v-dfcb5d47],.empty-state[data-v-dfcb5d47]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-muted)}.loading-state i[data-v-dfcb5d47],.empty-state i[data-v-dfcb5d47]{font-size:3rem;margin-bottom:var(--spacing-4);opacity:.5}.product-info[data-v-dfcb5d47]{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.product-name[data-v-dfcb5d47]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.product-category[data-v-dfcb5d47]{color:var(--text-muted);margin:0}.links-list[data-v-dfcb5d47]{display:flex;flex-direction:column;gap:var(--spacing-4)}.link-item[data-v-dfcb5d47]{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--bg-secondary);transition:all var(--transition-fast)}.link-item[data-v-dfcb5d47]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.link-info[data-v-dfcb5d47]{flex:1;min-width:0}.link-header[data-v-dfcb5d47]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.link-header i[data-v-dfcb5d47]{color:var(--primary-color)}.link-type[data-v-dfcb5d47]{font-weight:500;color:var(--text-primary)}.link-verified[data-v-dfcb5d47]{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--success-color);background-color:var(--success-light);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius)}.link-url[data-v-dfcb5d47]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.link-address[data-v-dfcb5d47]{flex:1;color:var(--primary-color);text-decoration:none;font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all;padding:var(--spacing-2);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast)}.link-address[data-v-dfcb5d47]:hover{background-color:var(--primary-light);border-color:var(--primary-color)}.copy-button[data-v-dfcb5d47]{flex-shrink:0;background:none;border:1px solid var(--border-color);color:var(--text-muted);padding:var(--spacing-2);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.copy-button[data-v-dfcb5d47]:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:var(--primary-light)}.link-description[data-v-dfcb5d47]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);line-height:1.5}.link-meta[data-v-dfcb5d47]{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-xs);color:var(--text-muted)}.link-status[data-v-dfcb5d47]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-weight:500}.link-status.active[data-v-dfcb5d47]{background-color:var(--success-light);color:var(--success-color)}.link-status.inactive[data-v-dfcb5d47]{background-color:var(--danger-light);color:var(--danger-color)}.link-status.unknown[data-v-dfcb5d47]{background-color:var(--neutral-200);color:var(--text-muted)}.link-actions[data-v-dfcb5d47]{display:flex;flex-direction:column;gap:var(--spacing-2)}.modal-footer[data-v-dfcb5d47]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.footer-info[data-v-dfcb5d47]{color:var(--text-muted);font-size:var(--font-size-sm)}.footer-actions[data-v-dfcb5d47]{display:flex;gap:var(--spacing-3)}@media (max-width: 768px){.links-modal[data-v-dfcb5d47]{width:95vw;max-height:90vh}.modal-body[data-v-dfcb5d47]{padding:var(--spacing-4)}.link-item[data-v-dfcb5d47]{flex-direction:column;gap:var(--spacing-3)}.link-actions[data-v-dfcb5d47]{flex-direction:row;align-self:stretch}.modal-footer[data-v-dfcb5d47]{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.footer-actions[data-v-dfcb5d47]{justify-content:center}}@media (max-width: 480px){.link-url[data-v-dfcb5d47]{flex-direction:column;align-items:stretch}.link-address[data-v-dfcb5d47]{font-size:var(--font-size-xs)}.link-meta[data-v-dfcb5d47]{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}}.modal-overlay[data-v-95abc2e3]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-95abc2e3]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header[data-v-95abc2e3]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-95abc2e3]{margin:0;color:#1f2937}.close-btn[data-v-95abc2e3]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s}.close-btn[data-v-95abc2e3]:hover{color:#374151}.modal-body[data-v-95abc2e3]{padding:1.5rem}.product-info[data-v-95abc2e3]{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:6px}.product-info h4[data-v-95abc2e3]{margin:0 0 .5rem;color:#1f2937}.current-category[data-v-95abc2e3]{margin:0;color:#6b7280;font-size:.875rem}.form-group[data-v-95abc2e3]{margin-bottom:1rem}.form-group label[data-v-95abc2e3]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.category-select[data-v-95abc2e3],.category-input[data-v-95abc2e3]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.category-select[data-v-95abc2e3]:focus,.category-input[data-v-95abc2e3]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-select option[data-v-95abc2e3]:disabled{color:#9ca3af}.category-select .subcategory-option[data-v-95abc2e3]{padding-left:1.5rem;color:#6b7280;font-size:.875rem}.modal-footer[data-v-95abc2e3]{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn[data-v-95abc2e3]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn[data-v-95abc2e3]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-95abc2e3]{background-color:#f3f4f6;color:#374151}.btn-secondary[data-v-95abc2e3]:hover:not(:disabled){background-color:#e5e7eb}.btn-primary[data-v-95abc2e3]{background-color:#3b82f6;color:#fff}.btn-primary[data-v-95abc2e3]:hover:not(:disabled){background-color:#2563eb}.fa-spinner[data-v-95abc2e3]{animation:spin-95abc2e3 1s linear infinite}@keyframes spin-95abc2e3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-container[data-v-4afe86ab]{position:fixed;top:var(--spacing-6);right:var(--spacing-6);z-index:1100;max-width:400px;width:100%;pointer-events:none}.notification[data-v-4afe86ab]{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-3);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;pointer-events:auto;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.notification.success[data-v-4afe86ab]{background-color:var(--success-light);color:var(--success-color);border-left:4px solid var(--success-color)}.notification.error[data-v-4afe86ab]{background-color:var(--danger-light);color:var(--danger-color);border-left:4px solid var(--danger-color)}.notification.warning[data-v-4afe86ab]{background-color:var(--warning-light);color:var(--warning-color);border-left:4px solid var(--warning-color)}.notification.info[data-v-4afe86ab]{background-color:var(--info-light);color:var(--info-color);border-left:4px solid var(--info-color)}.notification-icon[data-v-4afe86ab]{flex-shrink:0;font-size:var(--font-size-lg);margin-top:var(--spacing-1)}.notification-content[data-v-4afe86ab]{flex:1;min-width:0}.notification-message[data-v-4afe86ab]{font-size:var(--font-size-sm);font-weight:500;line-height:1.5;word-wrap:break-word}.notification-progress[data-v-4afe86ab]{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#ffffff4d;overflow:hidden}.progress-bar[data-v-4afe86ab]{height:100%;background-color:currentColor;width:100%;transform-origin:left;animation:progressShrink-4afe86ab linear forwards}@keyframes progressShrink-4afe86ab{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification-close[data-v-4afe86ab]{flex-shrink:0;background:none;border:none;color:currentColor;cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius);opacity:.7;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.notification-close[data-v-4afe86ab]:hover{opacity:1;background-color:#0000001a}.notification-enter-active[data-v-4afe86ab]{transition:all .3s ease-out}.notification-leave-active[data-v-4afe86ab]{transition:all .3s ease-in}.notification-enter-from[data-v-4afe86ab],.notification-leave-to[data-v-4afe86ab]{opacity:0;transform:translate(100%) scale(.8)}.notification-move[data-v-4afe86ab]{transition:transform .3s ease}@media (max-width: 768px){.notification-container[data-v-4afe86ab]{top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);max-width:none}.notification[data-v-4afe86ab]{padding:var(--spacing-3);margin-bottom:var(--spacing-2)}.notification-message[data-v-4afe86ab]{font-size:var(--font-size-xs)}.notification-icon[data-v-4afe86ab]{font-size:var(--font-size-base)}}@media (max-width: 480px){.notification-container[data-v-4afe86ab]{top:var(--spacing-3);right:var(--spacing-3);left:var(--spacing-3)}.notification[data-v-4afe86ab]{padding:var(--spacing-2);gap:var(--spacing-2)}}.notification[data-v-4afe86ab]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.notification:hover .notification-progress .progress-bar[data-v-4afe86ab]{animation-play-state:paused}@media (prefers-color-scheme: dark){.notification[data-v-4afe86ab]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#ffffff1a}.notification.success[data-v-4afe86ab]{background-color:#05966933}.notification.error[data-v-4afe86ab]{background-color:#dc262633}.notification.warning[data-v-4afe86ab]{background-color:#d9770633}.notification.info[data-v-4afe86ab]{background-color:#0891b233}}@media (prefers-reduced-motion: reduce){.notification-enter-active[data-v-4afe86ab],.notification-leave-active[data-v-4afe86ab],.notification-move[data-v-4afe86ab]{transition:none}.notification[data-v-4afe86ab]:hover{transform:none}.progress-bar[data-v-4afe86ab]{animation:none}}@media (prefers-contrast: high){.notification[data-v-4afe86ab]{border-width:2px;border-style:solid}.notification.success[data-v-4afe86ab]{border-color:var(--success-color)}.notification.error[data-v-4afe86ab]{border-color:var(--danger-color)}.notification.warning[data-v-4afe86ab]{border-color:var(--warning-color)}.notification.info[data-v-4afe86ab]{border-color:var(--info-color)}}.debug-panel[data-v-39afedf1]{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);width:600px;max-height:500px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:1000;font-family:var(--font-mono);font-size:var(--font-size-sm);overflow:hidden;transition:all var(--transition-fast)}.debug-panel.minimized[data-v-39afedf1]{max-height:50px}.debug-header[data-v-39afedf1]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--neutral-800);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.debug-title[data-v-39afedf1]{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600}.debug-badge[data-v-39afedf1]{background-color:var(--primary-color);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-size:var(--font-size-xs);text-transform:uppercase}.debug-controls[data-v-39afedf1]{display:flex;gap:var(--spacing-2)}.debug-btn[data-v-39afedf1]{background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius);transition:all var(--transition-fast)}.debug-btn[data-v-39afedf1]:hover{background-color:#ffffff1a}.debug-content[data-v-39afedf1]{display:flex;flex-direction:column;height:450px}.debug-tabs[data-v-39afedf1]{display:flex;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.debug-tab[data-v-39afedf1]{flex:1;padding:var(--spacing-3);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--text-muted);transition:all var(--transition-fast)}.debug-tab[data-v-39afedf1]:hover{background-color:var(--bg-primary);color:var(--text-primary)}.debug-tab.active[data-v-39afedf1]{background-color:var(--primary-color);color:#fff}.tab-count[data-v-39afedf1]{background-color:#fff3;padding:var(--spacing-1);border-radius:var(--border-radius);font-size:var(--font-size-xs);min-width:20px;text-align:center}.debug-body[data-v-39afedf1]{flex:1;overflow-y:auto;padding:var(--spacing-4)}.debug-section[data-v-39afedf1]{height:100%;display:flex;flex-direction:column}.status-grid[data-v-39afedf1]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.status-item[data-v-39afedf1]{padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.status-label[data-v-39afedf1]{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-1)}.status-value[data-v-39afedf1]{font-weight:600;color:var(--text-primary)}.status-value.connected[data-v-39afedf1]{color:var(--success-color)}.status-value.disconnected[data-v-39afedf1]{color:var(--danger-color)}.performance-metrics h4[data-v-39afedf1]{margin:0 0 var(--spacing-3) 0;color:var(--text-primary)}.metrics-list[data-v-39afedf1]{display:flex;flex-direction:column;gap:var(--spacing-2)}.metric-item[data-v-39afedf1]{display:flex;justify-content:space-between;padding:var(--spacing-2);background-color:var(--bg-secondary);border-radius:var(--border-radius)}.metric-name[data-v-39afedf1]{color:var(--text-secondary)}.metric-value[data-v-39afedf1]{font-weight:600;color:var(--text-primary)}.network-controls[data-v-39afedf1],.console-controls[data-v-39afedf1]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.checkbox-label[data-v-39afedf1]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer}.log-level-select[data-v-39afedf1]{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-xs)}.network-list[data-v-39afedf1],.console-list[data-v-39afedf1]{flex:1;overflow-y:auto;max-height:300px}.network-item[data-v-39afedf1],.console-item[data-v-39afedf1]{padding:var(--spacing-2);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs)}.network-header[data-v-39afedf1]{display:flex;align-items:center;gap:var(--spacing-3)}.method[data-v-39afedf1]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-xs);min-width:50px;text-align:center}.method.get[data-v-39afedf1]{background-color:var(--success-light);color:var(--success-color)}.method.post[data-v-39afedf1]{background-color:var(--info-light);color:var(--info-color)}.method.put[data-v-39afedf1]{background-color:var(--warning-light);color:var(--warning-color)}.method.delete[data-v-39afedf1]{background-color:var(--danger-light);color:var(--danger-color)}.url[data-v-39afedf1]{flex:1;color:var(--text-primary);word-break:break-all}.status[data-v-39afedf1]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-weight:600;min-width:40px;text-align:center}.status.success[data-v-39afedf1]{background-color:var(--success-light);color:var(--success-color)}.status.client-error[data-v-39afedf1]{background-color:var(--warning-light);color:var(--warning-color)}.status.server-error[data-v-39afedf1]{background-color:var(--danger-light);color:var(--danger-color)}.time[data-v-39afedf1]{color:var(--text-muted);min-width:60px;text-align:right}.network-error[data-v-39afedf1]{color:var(--danger-color);margin-top:var(--spacing-1);font-size:var(--font-size-xs)}.console-item[data-v-39afedf1]{display:flex;align-items:flex-start;gap:var(--spacing-2)}.log-time[data-v-39afedf1]{color:var(--text-muted);min-width:80px;font-size:var(--font-size-xs)}.log-level[data-v-39afedf1]{padding:var(--spacing-1);border-radius:var(--border-radius);font-weight:600;font-size:var(--font-size-xs);min-width:50px;text-align:center}.log-level.error[data-v-39afedf1]{background-color:var(--danger-light);color:var(--danger-color)}.log-level.warn[data-v-39afedf1]{background-color:var(--warning-light);color:var(--warning-color)}.log-level.info[data-v-39afedf1]{background-color:var(--info-light);color:var(--info-color)}.log-level.debug[data-v-39afedf1]{background-color:var(--neutral-200);color:var(--text-muted)}.log-message[data-v-39afedf1]{flex:1;color:var(--text-primary);word-break:break-word}.log-data[data-v-39afedf1]{margin-top:var(--spacing-2);padding:var(--spacing-2);background-color:var(--bg-secondary);border-radius:var(--border-radius);border-left:3px solid var(--primary-color)}.log-data pre[data-v-39afedf1]{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.state-tree[data-v-39afedf1]{display:flex;flex-direction:column;gap:var(--spacing-2)}.state-item[data-v-39afedf1]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.state-key[data-v-39afedf1]{font-weight:600;color:var(--text-primary)}.state-value[data-v-39afedf1]{color:var(--text-secondary);font-family:var(--font-mono)}@media (max-width: 768px){.debug-panel[data-v-39afedf1]{width:calc(100vw - var(--spacing-8));max-width:500px}.status-grid[data-v-39afedf1]{grid-template-columns:1fr}.network-header[data-v-39afedf1]{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.console-item[data-v-39afedf1]{flex-direction:column;align-items:flex-start}}.login-overlay[data-v-3bcb2ed3]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.login-modal[data-v-3bcb2ed3]{background:#fff;border-radius:8px;padding:2rem;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026}.login-header[data-v-3bcb2ed3]{text-align:center;margin-bottom:2rem}.login-header h2[data-v-3bcb2ed3]{margin:0;color:#333;font-size:1.5rem}.login-form[data-v-3bcb2ed3]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-3bcb2ed3]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-3bcb2ed3]{font-weight:500;color:#555}.form-group input[data-v-3bcb2ed3]{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input[data-v-3bcb2ed3]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input[data-v-3bcb2ed3]:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message[data-v-3bcb2ed3]{color:#dc3545;font-size:.875rem;text-align:center;padding:.5rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.form-actions[data-v-3bcb2ed3]{margin-top:1rem}.login-btn[data-v-3bcb2ed3]{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.login-btn[data-v-3bcb2ed3]:hover:not(:disabled){background-color:#0056b3}.login-btn[data-v-3bcb2ed3]:disabled{background-color:#6c757d;cursor:not-allowed}.app-container[data-v-cce5537c]{min-height:100vh;background-color:var(--bg-secondary)}.main-layout[data-v-cce5537c]{display:flex;min-height:calc(100vh - 70px)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--secondary-hover: #475569;--secondary-light: #f1f5f9;--success-color: #059669;--success-hover: #047857;--success-light: #d1fae5;--warning-color: #d97706;--warning-hover: #b45309;--warning-light: #fef3c7;--danger-color: #dc2626;--danger-hover: #b91c1c;--danger-light: #fee2e2;--info-color: #0891b2;--info-hover: #0e7490;--info-light: #cffafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--gray-800);background-color:var(--bg-secondary);overflow-x:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover);border-color:var(--secondary-hover)}.btn-success{background-color:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-success:hover:not(:disabled){background-color:var(--success-hover);border-color:var(--success-hover)}.btn-warning{background-color:var(--warning-color);color:#fff;border-color:var(--warning-color)}.btn-warning:hover:not(:disabled){background-color:var(--warning-hover);border-color:var(--warning-hover)}.btn-danger{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover)}.btn-info{background-color:var(--info-color);color:#fff;border-color:var(--info-color)}.btn-info:hover:not(:disabled){background-color:var(--info-hover);border-color:var(--info-hover)}.btn-outline{background-color:transparent;color:var(--gray-700);border-color:var(--border-color)}.btn-outline:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-300)}.btn-icon{padding:var(--spacing-2);min-width:auto;aspect-ratio:1}.input,.select-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);background-color:var(--bg-primary);transition:all var(--transition-fast)}.input:focus,.select-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out}.modal-content.large{width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.modal-body{padding:var(--spacing-6);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--border-color)}.modal-close{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--gray-500);padding:var(--spacing-2);border-radius:var(--border-radius);transition:all var(--transition-fast)}.modal-close:hover{color:var(--gray-700);background-color:var(--gray-100)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification{padding:var(--spacing-4);border-radius:var(--border-radius);margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-3);box-shadow:var(--shadow-md);animation:slideInRight .3s ease-out}.notification.success{background-color:var(--success-light);color:var(--success-color);border-left:4px solid var(--success-color)}.notification.error{background-color:var(--danger-light);color:var(--danger-color);border-left:4px solid var(--danger-color)}.notification.warning{background-color:var(--warning-light);color:var(--warning-color);border-left:4px solid var(--warning-color)}.notification.info{background-color:var(--info-light);color:var(--info-color);border-left:4px solid var(--info-color)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.btn{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.modal-content{margin:var(--spacing-4);max-width:calc(100vw - 2rem)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-4)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}