.category-page[data-v-1d8bd744]{background:var(--bg-primary);margin:0 auto;min-height:calc(100vh - 64px);padding:32px 20px}.loading-state[data-v-1d8bd744]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px}.loading-spinner[data-v-1d8bd744]{animation:spin-1d8bd744 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#4f46e5;height:40px;margin-bottom:16px;width:40px}@keyframes spin-1d8bd744{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-state p[data-v-1d8bd744]{color:#6b7280;font-size:16px}.error-state[data-v-1d8bd744]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:80px 20px}.error-icon[data-v-1d8bd744]{font-size:64px;margin-bottom:16px}.error-title[data-v-1d8bd744]{color:#dc2626;font-size:20px;font-weight:600;margin-bottom:8px}.error-description[data-v-1d8bd744]{color:#6b7280;font-size:14px;margin-bottom:24px;text-align:center}.retry-btn[data-v-1d8bd744]{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.retry-btn[data-v-1d8bd744]:hover{background:#4338ca}.category-breadcrumb[data-v-1d8bd744]{align-items:center;display:flex;font-size:14px;margin-bottom:24px}.breadcrumb-item[data-v-1d8bd744]{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb-item[data-v-1d8bd744]:hover{color:#4f46e5}.breadcrumb-separator[data-v-1d8bd744]{color:#d1d5db;margin:0 8px}.breadcrumb-current[data-v-1d8bd744]{color:#1f2937;font-weight:500}.category-header[data-v-1d8bd744]{margin-bottom:20px}.category-info[data-v-1d8bd744]{align-items:center;display:flex;gap:10px}.category-icon-wrapper[data-v-1d8bd744]{align-items:center;background:linear-gradient(135deg,#3b82f6,#a78bfa);border-radius:15px;box-shadow:0 8px 32px #667eea4d;display:flex;height:55px;justify-content:center;width:55px}.category-emoji[data-v-1d8bd744]{color:#fff;font-size:32px}.category-details[data-v-1d8bd744]{align-items:center;display:flex;justify-content:space-between;width:100%}.category-details h1[data-v-1d8bd744]{color:#1f2937;font-size:28px;font-weight:700}.category-details p[data-v-1d8bd744]{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:12px}.category-stats .tool-count[data-v-1d8bd744]{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:inline-flex;font-size:16px;font-weight:500;padding:6px 12px}.tools-filters[data-v-1d8bd744]{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.search-box[data-v-1d8bd744]{flex:1;min-width:300px;position:relative}.search-icon[data-v-1d8bd744]{color:#9ca3af;height:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-input[data-v-1d8bd744]{border:2px solid #e5e7eb;border-radius:12px;font-size:14px;padding:12px 12px 12px 44px;transition:border-color .2s;width:100%}.search-input[data-v-1d8bd744]:focus{border-color:#4f46e5;outline:none}.filter-buttons[data-v-1d8bd744]{display:flex;gap:8px}.filter-btn[data-v-1d8bd744]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn[data-v-1d8bd744]:hover{border-color:#d1d5db}.filter-btn.active[data-v-1d8bd744]{background:#4f46e5;border-color:#4f46e5;color:#fff}.empty-state[data-v-1d8bd744]{padding:80px 20px;text-align:center}.empty-icon[data-v-1d8bd744]{font-size:64px;margin-bottom:16px}.empty-title[data-v-1d8bd744]{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:8px}.empty-description[data-v-1d8bd744]{color:#6b7280;font-size:14px;margin-bottom:24px}.clear-search-btn[data-v-1d8bd744]{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.clear-search-btn[data-v-1d8bd744]:hover{background:#4338ca}@media (max-width:768px){.category-page[data-v-1d8bd744]{padding:24px 12px}.category-details h1[data-v-1d8bd744]{font-size:24px}.tools-filters[data-v-1d8bd744]{align-items:stretch;flex-direction:column;gap:16px}.search-box[data-v-1d8bd744]{min-width:unset}.filter-buttons[data-v-1d8bd744]{justify-content:center}}@media (prefers-color-scheme:dark){.breadcrumb-current[data-v-1d8bd744],.category-details h1[data-v-1d8bd744]{color:#f9fafb}.category-details p[data-v-1d8bd744]{color:#d1d5db}.category-stats .tool-count[data-v-1d8bd744]{background:#374151;color:#d1d5db}.search-input[data-v-1d8bd744]{color:#f9fafb}.filter-btn[data-v-1d8bd744],.search-input[data-v-1d8bd744]{background:#1f2937;border-color:#374151}.filter-btn[data-v-1d8bd744]{color:#d1d5db}.empty-title[data-v-1d8bd744]{color:#f9fafb}.empty-description[data-v-1d8bd744]{color:#d1d5db}}.dark .breadcrumb-current[data-v-1d8bd744],.dark .category-details h1[data-v-1d8bd744]{color:#f9fafb}.dark .category-details p[data-v-1d8bd744]{color:#d1d5db}.dark .category-stats .tool-count[data-v-1d8bd744]{background:#374151;color:#d1d5db}.dark .search-input[data-v-1d8bd744]{color:#f9fafb}.dark .filter-btn[data-v-1d8bd744],.dark .search-input[data-v-1d8bd744]{background:#1f2937;border-color:#374151}.dark .filter-btn[data-v-1d8bd744]{color:#d1d5db}.dark .empty-title[data-v-1d8bd744]{color:#f9fafb}.dark .empty-description[data-v-1d8bd744]{color:#d1d5db}
