.global-anysearch-overlay[data-v-a92e8db7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;display:flex;align-items:flex-start;justify-content:center;padding-top:40px}.panel-overlay[data-v-8ad2f262]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:flex-end;z-index:900}.panel[data-v-8ad2f262]{width:620px;max-width:100vw;height:100vh;background:var(--card-bg,#fff);overflow-y:auto;box-shadow:-4px 0 24px #0000001f}.panel-header[data-v-8ad2f262]{padding:16px 20px;border-bottom:2px solid var(--border-color,#e8e8e8);position:sticky;top:0;background:var(--card-bg,#fff);z-index:1}.panel-code[data-v-8ad2f262]{font-size:13px;font-weight:700;font-family:monospace;color:var(--primary,#2563eb)}.panel-title[data-v-8ad2f262]{font-size:15px;font-weight:600;margin-top:4px;color:var(--text-color,#333)}.panel-header-actions[data-v-8ad2f262]{display:flex;gap:8px;align-items:center;margin-top:8px}.detail-tabs[data-v-8ad2f262]{display:flex;gap:0;border-bottom:1px solid var(--border-color,#e8e8e8);padding:0 20px}.detail-tab[data-v-8ad2f262]{padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:13px;color:var(--text-secondary,#888);margin-bottom:-1px}.detail-tab[data-v-8ad2f262]:hover{color:var(--primary,#2563eb)}.detail-tab.active[data-v-8ad2f262]{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb);font-weight:600}.detail-body[data-v-8ad2f262]{padding:16px 20px 32px}.info-section[data-v-8ad2f262]{margin-bottom:16px}.section-title[data-v-8ad2f262]{font-size:11px;font-weight:700;color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--border-color,#e8e8e8)}.info-row[data-v-8ad2f262]{display:flex;padding:6px 0;border-bottom:1px solid var(--border-color,#e8e8e8)}.info-row[data-v-8ad2f262]:last-child{border-bottom:none}.info-label[data-v-8ad2f262]{width:100px;flex-shrink:0;font-size:12px;color:var(--text-secondary,#888);font-weight:500}.info-val[data-v-8ad2f262]{flex:1;font-size:13px;color:var(--text-color,#333);line-height:1.5;word-break:break-word}.info-area[data-v-8ad2f262]{white-space:pre-wrap;max-height:80px;overflow-y:auto;background:var(--hover-bg,#f7f7f7);padding:6px 10px;border-radius:5px;font-size:12px;border:1px solid var(--border-color,#e8e8e8)}.text-center[data-v-8ad2f262]{text-align:center}.text-muted[data-v-8ad2f262]{color:var(--text-secondary,#888)}.badge[data-v-8ad2f262]{padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.badge-err[data-v-8ad2f262]{background:var(--error-bg, rgba(239,68,68,.1));color:var(--error, #ef4444)}.badge-warn[data-v-8ad2f262]{background:var(--warning-bg, rgba(245,158,11,.1));color:var(--warning, #f59e0b)}.badge-ok[data-v-8ad2f262]{background:var(--success-bg, rgba(34,197,94,.1));color:var(--success, #22c55e)}.badge-info[data-v-8ad2f262]{background:var(--info-bg, rgba(59,130,246,.1));color:var(--info, #3b82f6)}.badge-sec[data-v-8ad2f262]{background:var(--hover-bg,#f7f7f7);color:var(--text-secondary,#888)}.badge-primary[data-v-8ad2f262]{background:var(--primary-bg, rgba(99,102,241,.08));color:var(--primary, #6366f1);border:1px solid var(--border-color, #e5e7eb)}.badge-danger[data-v-8ad2f262]{background:var(--error-bg, rgba(239,68,68,.1));color:var(--error, #ef4444);border:1px solid var(--error-border, rgba(239,68,68,.3))}.badge-version[data-v-8ad2f262]{background:var(--info-bg, rgba(59,130,246,.1));color:var(--info, #3b82f6);border:1px solid var(--info-border, rgba(59,130,246,.3))}.btn[data-v-8ad2f262]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500}.btn-primary[data-v-8ad2f262]{background:var(--primary,#2563eb);color:#fff}.btn-secondary[data-v-8ad2f262]{background:var(--hover-bg,#f7f7f7);color:var(--text-color,#333);border:1px solid var(--border-color,#e8e8e8)}.btn-close[data-v-8ad2f262]{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary,#888)}.btn-sm[data-v-8ad2f262]{padding:5px 12px;font-size:12px}.loading[data-v-8ad2f262]{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;color:var(--text-secondary,#888)}.spinner[data-v-8ad2f262]{width:18px;height:18px;border:2px solid var(--border-color,#e8e8e8);border-top-color:var(--primary,#2563eb);border-radius:50%;animation:spin-8ad2f262 .7s linear infinite}@keyframes spin-8ad2f262{to{transform:rotate(360deg)}}.sub-table-wrap[data-v-8ad2f262]{font-size:13px}.sub-table[data-v-8ad2f262]{width:100%;border-collapse:collapse;font-size:12px}.sub-table thead[data-v-8ad2f262]{background:var(--hover-bg,#f7f7f7)}.sub-table th[data-v-8ad2f262]{padding:8px 10px;text-align:left;font-weight:600;font-size:11px;color:var(--text-secondary,#888);border-bottom:2px solid var(--border-color,#e8e8e8);text-transform:uppercase}.sub-table td[data-v-8ad2f262]{padding:7px 10px;border-bottom:1px solid var(--border-color,#e8e8e8)}.sub-table tr.clickable[data-v-8ad2f262]{cursor:pointer;transition:background .12s}.sub-table tr.clickable[data-v-8ad2f262]:hover{background:var(--hover-bg,#f7f7f7)}.text-mono[data-v-8ad2f262]{font-family:SF Mono,Consolas,monospace;font-size:12px}.text-primary[data-v-8ad2f262]{color:var(--primary,#2563eb);font-weight:500}strong[data-v-8ad2f262]{font-weight:600}.breadcrumb[data-v-8ad2f262]{display:flex;align-items:center;gap:6px;padding:8px 0;margin-bottom:10px;flex-wrap:wrap;font-size:12px}.bc-item[data-v-8ad2f262]{cursor:pointer;color:var(--primary,#2563eb)}.bc-item[data-v-8ad2f262]:hover{text-decoration:underline}.bc-item.active[data-v-8ad2f262]{color:var(--text-color,#333);font-weight:600;cursor:default;text-decoration:none}.bc-sep[data-v-8ad2f262]{color:var(--text-secondary,#888)}.file-list[data-v-8ad2f262]{display:flex;flex-direction:column;gap:6px}.file-item[data-v-8ad2f262]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--hover-bg,#f7f7f7);border-radius:6px;font-size:12px;border:1px solid var(--border-color,#e8e8e8)}.file-icon[data-v-8ad2f262]{font-size:18px}.file-info[data-v-8ad2f262]{flex:1;display:flex;flex-direction:column}.file-name[data-v-8ad2f262]{color:var(--text-color,#333);font-weight:500}.file-meta[data-v-8ad2f262]{color:var(--text-secondary,#888);font-size:11px;margin-top:2px}.sourcing-header[data-v-8ad2f262]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sourcing-results[data-v-8ad2f262]{display:flex;flex-direction:column;gap:8px}.sourcing-card[data-v-8ad2f262]{position:relative;padding:12px;border:1px solid var(--border-color,#e8e8e8);border-radius:8px;background:var(--card-bg,#fff)}.sourcing-card[data-v-8ad2f262]:hover{border-color:var(--primary,#2563eb)}.sourcing-badge[data-v-8ad2f262]{position:absolute;top:8px;right:8px;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600}.badge-web[data-v-8ad2f262]{background:var(--info-bg, rgba(59,130,246,.1));color:var(--info, #3b82f6)}.badge-1688[data-v-8ad2f262]{background:var(--warning-bg, rgba(245,158,11,.1));color:var(--warning, #f59e0b)}.sourcing-price[data-v-8ad2f262]{position:absolute;top:8px;left:8px;font-size:14px;font-weight:700;color:var(--error, #ef4444)}.sourcing-name[data-v-8ad2f262]{font-size:14px;font-weight:600;padding-right:50px;color:var(--text-color, #1f2937)}.sourcing-supplier[data-v-8ad2f262]{font-size:12px;color:var(--text-secondary,#888);margin-top:4px}.sourcing-desc[data-v-8ad2f262]{font-size:12px;color:var(--text-secondary,#888);margin-top:4px;line-height:1.5}.sourcing-meta[data-v-8ad2f262]{margin-top:6px}.sourcing-link[data-v-8ad2f262]{font-size:12px;color:var(--primary,#2563eb);text-decoration:none}.sourcing-actions[data-v-8ad2f262]{margin-top:8px}.powered-by-watermark[data-v-9650a919]{position:fixed;bottom:16px;left:16px;z-index:9998;background:#0f172ad9;color:#ffffffe6;padding:6px 14px;border-radius:6px;font-size:11px;font-family:Inter,-apple-system,sans-serif;letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);pointer-events:none;-webkit-user-select:none;user-select:none}.phospho-mode[data-v-9650a919]{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#8b5cf6d9;border:1px solid rgba(139,92,246,.3);font-weight:600}.onboarding-overlay[data-v-578d9b7e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.onboarding-container[data-v-578d9b7e]{background:var(--card-bg);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;box-shadow:0 20px 60px #0000004d}.onboarding-header[data-v-578d9b7e]{text-align:center;margin-bottom:32px}.onboarding-logo[data-v-578d9b7e]{font-size:48px;margin-bottom:12px}.onboarding-logo.spinning[data-v-578d9b7e]{animation:spin-578d9b7e 2s linear infinite}@keyframes spin-578d9b7e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-header h2[data-v-578d9b7e]{font-size:24px;margin:0 0 8px;color:var(--text-color)}.onboarding-header p[data-v-578d9b7e]{font-size:14px;color:var(--text-secondary);margin:0}.template-grid[data-v-578d9b7e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.template-card[data-v-578d9b7e]{position:relative;border:2px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;text-align:center}.template-card[data-v-578d9b7e]:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.template-card.selected[data-v-578d9b7e]{border-color:var(--primary);background:var(--primary-bg)}.template-icon[data-v-578d9b7e]{font-size:36px;margin-bottom:8px}.template-name[data-v-578d9b7e]{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:6px}.template-desc[data-v-578d9b7e]{font-size:12px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;min-height:36px}.template-meta[data-v-578d9b7e]{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.meta-badge[data-v-578d9b7e]{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--hover-bg);color:var(--text-secondary)}.default-tag[data-v-578d9b7e]{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--info),var(--primary-light));color:#fff;font-size:11px;padding:2px 10px;border-radius:10px;font-weight:600}.check-mark[data-v-578d9b7e]{position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.onboarding-actions[data-v-578d9b7e]{text-align:center;display:flex;gap:12px;justify-content:center}.error-message[data-v-578d9b7e]{text-align:center;color:var(--error);font-size:14px;padding:10px;background:var(--error-bg);border-radius:8px;margin-bottom:16px}.btn[data-v-578d9b7e]{padding:10px 32px;border-radius:8px;border:none;font-size:15px;cursor:pointer;transition:all .2s}.btn-primary[data-v-578d9b7e]{background:linear-gradient(135deg,var(--info),var(--primary));color:#fff}.btn-primary[data-v-578d9b7e]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary[data-v-578d9b7e]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-578d9b7e]{background:var(--hover-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary[data-v-578d9b7e]:hover{background:var(--border-color)}.spinner[data-v-578d9b7e]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-578d9b7e .8s linear infinite}.init-progress[data-v-578d9b7e]{max-width:400px;margin:0 auto}.init-step[data-v-578d9b7e]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:8px;font-size:14px;color:var(--text-secondary);transition:all .3s}.init-step.active[data-v-578d9b7e]{background:var(--primary-bg);color:var(--text-color)}.init-step.done[data-v-578d9b7e]{color:var(--success)}.step-icon[data-v-578d9b7e]{font-size:18px}.completion-summary[data-v-578d9b7e]{display:flex;justify-content:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.summary-card[data-v-578d9b7e]{text-align:center;padding:20px;border-radius:12px;background:var(--hover-bg);min-width:120px}.summary-icon[data-v-578d9b7e]{font-size:28px;margin-bottom:8px}.summary-value[data-v-578d9b7e]{font-size:28px;font-weight:700;color:var(--info)}.summary-label[data-v-578d9b7e]{font-size:12px;color:var(--text-secondary);margin-top:4px}.onboarding-overlay[data-v-58950538]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.onboarding-modal[data-v-58950538]{background:var(--card-bg, #fff);border-radius:16px;padding:32px;max-width:460px;width:90%;box-shadow:0 20px 60px #0000004d}.onboarding-header[data-v-58950538]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.onboarding-step[data-v-58950538]{color:#999;font-size:13px}.onboarding-skip[data-v-58950538]{background:none;border:none;color:#999;cursor:pointer;font-size:13px}.onboarding-skip[data-v-58950538]:hover{color:#666}.onboarding-content[data-v-58950538]{text-align:center;margin-bottom:24px}.onboarding-icon[data-v-58950538]{font-size:48px;margin-bottom:16px}.onboarding-content h2[data-v-58950538]{font-size:18px;margin-bottom:10px}.onboarding-content p[data-v-58950538]{font-size:14px;color:#666;line-height:1.6}.onboarding-footer[data-v-58950538]{display:flex;justify-content:space-between;gap:8px}.onboarding-dots[data-v-58950538]{display:flex;justify-content:center;gap:6px;margin-top:16px}.dot[data-v-58950538]{width:8px;height:8px;border-radius:50%;background:#ddd}.dot.active[data-v-58950538]{background:var(--primary, #667eea)}.login-overlay[data-v-a4ee62e9]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--page-bg);z-index:9999}.login-card[data-v-a4ee62e9]{width:400px;max-width:90vw;background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px}.login-logo[data-v-a4ee62e9]{text-align:center;margin-bottom:32px}.login-logo-icon[data-v-a4ee62e9]{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;margin:0 auto 16px}.login-title[data-v-a4ee62e9]{font-size:var(--text-xl);font-weight:700;color:var(--text-color)}.login-subtitle[data-v-a4ee62e9]{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.login-form[data-v-a4ee62e9]{display:flex;flex-direction:column;gap:16px}.login-btn[data-v-a4ee62e9]{width:100%}.login-switch[data-v-a4ee62e9]{text-align:center}.login-switch a[data-v-a4ee62e9]{color:var(--primary);font-size:var(--text-sm);text-decoration:none}.login-switch a[data-v-a4ee62e9]:hover{text-decoration:underline}.login-guest-section[data-v-a4ee62e9]{text-align:center;padding-top:16px;border-top:1px solid var(--border-color)}.guest-btn[data-v-a4ee62e9]{width:100%;background:var(--gradient-primary);color:#fff;border:none}.login-guest-desc[data-v-a4ee62e9]{font-size:11px;color:var(--text-muted);margin-top:6px}.register-code-row[data-v-a4ee62e9]{display:flex;gap:8px}.register-code-btn[data-v-a4ee62e9]{white-space:nowrap}.login-footer[data-v-a4ee62e9]{text-align:center;margin-top:24px}.login-footer-text[data-v-a4ee62e9]{font-size:12px;color:var(--text-muted)}.nav-icon-emoji[data-v-452898b1]{display:inline-flex;align-items:center;justify-content:center;font-size:1em;line-height:1}.sidebar[data-v-845e3244]{width:200px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar[data-v-845e3244]::-webkit-scrollbar{width:4px}.sidebar[data-v-845e3244]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sidebar.chat-mode[data-v-845e3244]{width:220px}.sidebar.collapsed[data-v-845e3244]{width:56px}.sidebar-top-row[data-v-845e3244]{display:flex;align-items:center;gap:8px;padding:12px 12px 8px;flex-shrink:0}.sidebar-toggle[data-v-845e3244]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-toggle[data-v-845e3244]:hover{background:var(--hover-bg);color:var(--text-color)}.sidebar-toggle-alone[data-v-845e3244]{margin:12px auto}.sidebar-brand-inline[data-v-845e3244]{display:flex;align-items:center;gap:6px}.sidebar-logo-letter[data-v-845e3244]{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.sidebar-brand-text[data-v-845e3244]{font-size:var(--text-sm);font-weight:600;color:var(--text-color)}.sidebar-page-title[data-v-845e3244]{display:flex;align-items:center;gap:8px;padding:8px 16px 4px;color:var(--primary-text);font-weight:600;font-size:var(--text-sm)}.sidebar-page-icon[data-v-845e3244]{color:var(--primary)}.nav-section[data-v-845e3244]{padding:4px 8px}.nav-section-flat[data-v-845e3244]{padding:2px 8px}.nav-title[data-v-845e3244]{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-title[data-v-845e3244]:hover{color:var(--text-secondary)}.nav-group-arrow[data-v-845e3244]{font-size:10px}.nav-group-items[data-v-845e3244]{display:flex;flex-direction:column;gap:2px}.nav-item[data-v-845e3244]{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-item[data-v-845e3244]:hover{background:var(--hover-bg);color:var(--text-color)}.nav-item.active[data-v-845e3244]{background:var(--primary-bg);color:var(--primary-text);font-weight:500}.nav-item.active[data-v-845e3244]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 2px 2px 0;background:var(--primary)}.nav-item-tab[data-v-845e3244]{cursor:pointer}.nav-item-more[data-v-845e3244]{color:var(--text-muted)}.nav-divider-light[data-v-845e3244]{height:1px;background:var(--border-light);margin:4px 8px}.nav-icon[data-v-845e3244]{flex-shrink:0}.nav-label[data-v-845e3244]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-label[data-v-845e3244],.sidebar.collapsed .nav-title[data-v-845e3244],.sidebar.collapsed .sidebar-brand-text[data-v-845e3244],.sidebar.collapsed .sidebar-page-text[data-v-845e3244],.sidebar.collapsed .sidebar-chat-section[data-v-845e3244],.sidebar.collapsed .sidebar-bottom[data-v-845e3244],.sidebar.collapsed .sidebar-chat-header[data-v-845e3244],.sidebar.collapsed .sidebar-chat-list[data-v-845e3244],.sidebar.collapsed .nav-group-arrow[data-v-845e3244]{display:none}.sidebar.collapsed .nav-item[data-v-845e3244]{justify-content:center;padding:10px}.sidebar-chat-section[data-v-845e3244]{margin-top:auto;display:flex;flex-direction:column}.nav-divider[data-v-845e3244]{height:1px;background:var(--border-color);margin:4px 0}.sidebar-chat-header[data-v-845e3244]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 4px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.sidebar-chat-title[data-v-845e3244]{text-transform:uppercase;letter-spacing:.5px}.sidebar-chat-list[data-v-845e3244]{padding:0 8px 8px;overflow-y:auto;max-height:300px}.sidebar-chat-item[data-v-845e3244]{padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.sidebar-chat-item[data-v-845e3244]:hover{background:var(--hover-bg)}.sidebar-chat-item.active[data-v-845e3244]{background:var(--primary-bg)}.sidebar-chat-label[data-v-845e3244]{display:block;font-size:var(--text-sm);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-chat-meta[data-v-845e3244]{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:var(--text-xs);color:var(--text-muted)}.sidebar-chat-del[data-v-845e3244]{margin-left:auto;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:0 2px;border-radius:var(--radius-sm)}.sidebar-chat-del[data-v-845e3244]:hover{color:var(--error);background:var(--error-bg)}.sidebar-chat-empty[data-v-845e3244]{padding:12px;text-align:center;color:var(--text-muted);font-size:var(--text-xs)}.sidebar-bottom[data-v-845e3244]{padding:8px;flex-shrink:0}.sidebar-preset-row[data-v-845e3244]{display:flex;align-items:center;gap:8px;padding:4px 8px}.sidebar-preset-label[data-v-845e3244]{font-size:var(--text-xs);color:var(--text-muted)}.sidebar-preset-select[data-v-845e3244]{flex:1;padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-color);font-size:var(--text-xs);cursor:pointer}.sidebar-customize-link[data-v-845e3244]{margin-top:4px}.preset-badge[data-v-ee03db8b]{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary-text);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.preset-badge-icon[data-v-ee03db8b]{font-size:12px;line-height:1}.user-menu-overlay[data-v-870c2fbe]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.user-menu[data-v-870c2fbe]{position:absolute;top:56px;right:16px;width:220px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px 0}.user-menu-header[data-v-870c2fbe]{display:flex;align-items:center;gap:12px;padding:8px 16px}.user-menu-avatar[data-v-870c2fbe]{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-menu-name[data-v-870c2fbe]{font-size:var(--text-sm);font-weight:600;color:var(--text-color)}.user-menu-status[data-v-870c2fbe]{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-secondary)}.status-dot[data-v-870c2fbe]{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-dot.connected[data-v-870c2fbe]{background:var(--success)}.user-menu-divider[data-v-870c2fbe]{height:1px;background:var(--border-color);margin:4px 0}.user-menu-item[data-v-870c2fbe]{display:flex;align-items:center;gap:10px;padding:8px 16px;color:var(--text-color);font-size:var(--text-sm);text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:background var(--transition-fast)}.user-menu-item[data-v-870c2fbe]:hover{background:var(--hover-bg)}.user-menu-logout[data-v-870c2fbe]{color:var(--error)}.user-menu-logout[data-v-870c2fbe]:hover{background:var(--error-bg)}.app-header[data-v-c44e4234]{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color);position:relative;z-index:10;flex-shrink:0}.app-header[data-v-c44e4234]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-border),transparent)}.header-left[data-v-c44e4234]{display:flex;align-items:center;gap:16px}.app-brand[data-v-c44e4234]{display:flex;align-items:center;gap:8px}.app-logo[data-v-c44e4234]{width:32px;height:32px;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.app-title[data-v-c44e4234]{font-size:var(--text-lg);font-weight:600;color:var(--text-color);white-space:nowrap}.breadcrumb[data-v-c44e4234]{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary)}.breadcrumb-separator[data-v-c44e4234]{color:var(--text-muted)}.header-right[data-v-c44e4234]{display:flex;align-items:center;gap:12px}.lang-switcher[data-v-c44e4234],.theme-switcher[data-v-c44e4234]{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.lang-switcher[data-v-c44e4234]:hover,.theme-switcher[data-v-c44e4234]:hover{border-color:var(--primary-border);color:var(--primary-text);background:var(--primary-bg)}.user-avatar-wrapper[data-v-c44e4234]{display:flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.user-avatar-wrapper[data-v-c44e4234]:hover{background:var(--hover-bg)}.user-avatar[data-v-c44e4234]{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-avatar-chevron[data-v-c44e4234]{color:var(--text-muted)}.error-boundary{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.error-boundary-card{background:var(--card-bg, #fff);border:1px solid #fca5a5;border-radius:12px;padding:32px;text-align:center;max-width:480px}.error-boundary-card h3{color:#dc2626;margin-bottom:12px}.error-boundary-card p{color:#6b7280;margin-bottom:16px;font-size:14px}.global-toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.global-toast{padding:12px 20px;border-radius:8px;color:#fff;font-size:14px;box-shadow:0 4px 12px #00000026;pointer-events:auto;cursor:pointer;max-width:360px;word-break:break-word}.global-toast-success{background:#4caf50}.global-toast-error{background:#f44336}.global-toast-warning{background:#ff9800}.global-toast-info{background:#2196f3}.toast-enter-active{animation:toast-in .3s ease}.toast-leave-active{animation:toast-out .3s ease}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.demo-toggle-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #3b82f6;border-radius:6px;background:transparent;color:#3b82f6;font-size:12px;cursor:pointer;transition:all .2s}.demo-toggle-btn.active{background:#3b82f6;color:#fff}.demo-toggle-btn.phospho-toggle{border-color:#8b5cf6;color:#8b5cf6}.demo-toggle-btn.phospho-toggle.active{background:#8b5cf6;color:#fff}.demo-toggle-btn:hover{opacity:.85}.main-layout{display:flex;height:100vh;overflow:hidden}.content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-header{height:56px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--card-bg);box-shadow:0 1px 3px #0000000a;z-index:10;position:relative}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--primary));opacity:.3}.header-left{display:flex;align-items:center;gap:20px}.app-brand{display:flex;align-items:center;gap:10px}.app-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;box-shadow:0 2px 8px #6366f14d}.app-title{font-weight:600;font-size:15px;color:var(--text-color)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);background:var(--hover-bg);padding:4px 12px;border-radius:var(--radius-md)}.breadcrumb-separator{color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:12px}.lang-switcher,.theme-switcher{background:none;border:1px solid var(--border-color);border-radius:100px;padding:6px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--text-color);transition:all .2s}.lang-switcher:hover,.theme-switcher:hover{border-color:var(--primary);color:var(--primary)}.official-site-link{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-color);text-decoration:none;border:1px solid var(--border-color);border-radius:100px;padding:6px 12px;transition:all .2s;cursor:pointer}.official-site-link:hover{border-color:var(--primary);color:var(--primary)}.connection-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.connected{background:var(--success);box-shadow:0 0 0 2px #22c55e33;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #22c55e33}50%{box-shadow:0 0 0 4px #22c55e1a}}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.sidebar{width:200px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:12px 0;overflow-y:auto;transition:width .3s ease;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar.chat-mode{width:220px}.sidebar.collapsed{width:56px}.sidebar-top-row{display:flex;align-items:center;gap:8px;padding:8px 10px 10px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;cursor:pointer;color:var(--text-secondary);font-size:11px;border-radius:var(--radius-sm);transition:all .2s;background:var(--hover-bg);flex-shrink:0}.sidebar-toggle-alone{margin:4px auto 8px;width:28px;height:28px}.sidebar-brand-inline{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--hover-bg-subtle, rgba(99, 102, 241, .04));border:1px solid var(--border-color, rgba(0,0,0,.06));border-radius:var(--radius-md, 8px);flex:1;min-width:0}.sidebar-logo-letter{width:28px;height:28px;background:linear-gradient(135deg,#818cf8,#4f46e5);color:#fff;font-size:14px;font-weight:700;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:default;flex-shrink:0;box-shadow:0 2px 6px #6366f14d}.sidebar-brand-text{font-size:13px;font-weight:700;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle:hover{background:var(--border-color);color:var(--text-color)}.nav-section{padding:6px 0}.nav-section-flat{padding:4px 0 8px;border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:4px}.nav-section-flat .nav-group-items{display:flex;flex-direction:column}.nav-section-flat .nav-item{font-size:14px;font-weight:600;padding:10px 16px;background:linear-gradient(135deg,#6366f10f,#4f46e505);border:1px solid rgba(99,102,241,.12)}.nav-title{font-size:11px;font-weight:600;color:var(--text-secondary);padding:4px 16px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;transition:color .2s}.nav-title:hover{color:var(--text-color)}.nav-group-arrow{font-size:9px;width:12px;flex-shrink:0}.nav-group-items{overflow:hidden;transition:max-height .3s ease}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;margin:1px 6px;cursor:pointer;color:var(--text-color);border-radius:var(--radius-md);transition:all .18s ease;text-decoration:none;font-size:13px;position:relative}.nav-item:hover{background:var(--hover-bg);color:var(--primary);transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,#6366f11a,#4f46e50f);color:var(--primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 2px 2px 0}.nav-item-tab{-webkit-user-select:none;user-select:none}.nav-divider-light{height:1px;margin:4px 12px;background:var(--border-color);opacity:.5}.nav-icon{font-size:16px}.nav-label{font-size:13px}.sidebar.collapsed .nav-title,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 0;margin:1px 8px}.sidebar.collapsed .nav-icon{width:auto;font-size:18px}.sidebar.collapsed .nav-section{border-bottom:none}.sidebar.collapsed .nav-item{position:relative}.sidebar.collapsed .nav-item:hover:after{content:attr(data-label);position:absolute;left:52px;top:50%;transform:translateY(-50%);background:var(--text-color);color:var(--card-bg);font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:var(--shadow-md);animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.floating-assistant{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.assistant-trigger{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #6366f166;transition:all .3s ease;animation:assistant-pulse 3s ease-in-out infinite}@keyframes assistant-pulse{0%,to{box-shadow:0 4px 15px #6366f166}50%{box-shadow:0 4px 15px #6366f166,0 0 0 8px #6366f114}}.assistant-trigger:hover{transform:scale(1.08);box-shadow:0 6px 20px #6366f180;animation:none}.trigger-icon{font-size:28px;display:block}.content-area{flex:1;overflow-y:auto;padding:20px;background:var(--page-bg);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.page-fade-enter-from{opacity:0;transform:translateY(8px)}.page-fade-leave-to{opacity:0;transform:translateY(-4px)}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center}.login-card{background:var(--card-bg);border-radius:16px;padding:32px;width:400px;box-shadow:0 20px 60px #0003}.login-logo{text-align:center;margin-bottom:24px}.login-logo-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin:0 auto 12px}.login-title{font-size:20px;font-weight:600;color:var(--text-color)}.login-subtitle{font-size:12px;color:var(--text-muted);margin-top:4px}.login-form{margin-bottom:16px}.role-switch{display:flex;gap:10px;margin-bottom:16px}.role-opt{flex:1;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);border-radius:12px;padding:12px 8px;cursor:pointer;text-align:center;transition:all .15s ease;font:inherit}.role-opt.active{border-color:var(--primary, #4f46e5);background:color-mix(in srgb,var(--primary, #4f46e5) 8%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, #4f46e5) 15%,transparent)}.role-opt-icon{font-size:22px;line-height:1}.role-opt-title{font-size:14px;font-weight:600;margin-top:6px;color:var(--text, #1e293b)}.role-opt-desc{font-size:11px;color:var(--text-muted, #94a3b8);margin-top:2px}.form-hint{font-size:12px;color:var(--text-muted, #94a3b8);background:var(--bg-secondary, #f8fafc);border:1px dashed var(--border-color, #e2e8f0);border-radius:8px;padding:8px 10px;margin-top:10px;line-height:1.5}.login-footer{text-align:center}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.global-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.global-loading-text{color:#fff;margin-top:16px;font-size:14px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.demo-hidden-on-ai-wb{display:none!important}.sidebar-page-title{display:flex;align-items:center;gap:8px;padding:10px 16px 8px;font-size:18px;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color, rgba(0,0,0,.06));margin-bottom:6px}.sidebar-page-icon{font-size:18px;line-height:1}.sidebar-page-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-chat-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 4px}.sidebar-chat-title{font-size:13px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:6px}.sidebar-chat-list{padding:2px 0;overflow-y:auto;flex:1;min-height:120px}.sidebar-chat-list::-webkit-scrollbar{width:3px}.sidebar-chat-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sidebar-chat-item{padding:7px 12px;margin:2px 6px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s;display:flex;justify-content:space-between;align-items:center;gap:4px}.sidebar-chat-item:hover{background:var(--hover-bg)}.sidebar-chat-item.active{background:linear-gradient(135deg,#6366f11f,#4f46e50f);position:relative}.sidebar-chat-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 2px 2px 0}.sidebar-chat-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;font-size:12px;color:var(--text-color)}.sidebar-chat-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);flex-shrink:0}.sidebar-chat-time{font-size:10px;color:var(--text-muted);white-space:nowrap}.sidebar-chat-del{background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s;font-size:14px;line-height:1;padding:0 2px}.sidebar-chat-item:hover .sidebar-chat-del{opacity:1}.sidebar-chat-del:hover{color:#e53e3e}.sidebar-chat-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:12px}.sidebar-chat-toggle{display:block;width:calc(100% - 16px);margin:6px 8px 8px;padding:6px 8px;background:transparent;border:1px dashed var(--border-color, rgba(0,0,0,.12));border-radius:6px;color:var(--primary, #6366f1);font-size:12px;cursor:pointer;transition:all .15s}.sidebar-chat-toggle:hover{background:var(--hover-bg, rgba(99, 102, 241, .06));border-color:var(--primary, #6366f1)}.nav-divider{height:1px;background:var(--border-color);margin:6px 12px}.sidebar-chat-section{margin-top:auto;display:flex;flex-direction:column;min-height:0}.sidebar-bottom{margin-top:auto;padding-top:8px}.sidebar-preset-row{display:flex;align-items:center;gap:8px;padding:6px 12px}.sidebar-preset-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.sidebar-preset-select{flex:1;font-size:12px;padding:4px 6px;border-radius:6px;border:1px solid var(--border-color);background:var(--hover-bg);color:var(--text-color);cursor:pointer;outline:none}.sidebar-preset-select:focus{border-color:var(--primary)}.sidebar-customize-link{margin:4px 12px 8px;padding:6px 8px!important;border-radius:6px;font-size:12px;opacity:.7}.sidebar-customize-link:hover{opacity:1}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-bg: rgba(99, 102, 241, .08);--page-bg: #f0f2f5;--card-bg: #ffffff;--sidebar-bg: #ffffff;--hover-bg: #f3f4f6;--hover-bg-subtle: rgba(99, 102, 241, .04);--text-color: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--success-bg: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .3);--success-text: #16a34a;--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .3);--warning-text: #d97706;--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .3);--error-text: #dc2626;--info-bg: rgba(59, 130, 246, .1);--info-border: rgba(59, 130, 246, .3);--info-text: #2563eb;--focus-ring: 0 0 0 3px var(--primary-bg);--overlay-bg: rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--primary-border: rgba(99, 102, 241, .3);--primary-text: #4f46e5;--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));--gradient-primary-subtle: linear-gradient(135deg, var(--primary-bg), rgba(79, 70, 229, .02));--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-bar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.search-bar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search-input{width:280px;max-width:100%}.form-input{padding:8px 12px;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:13px;color:var(--text-color);outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px var(--primary-bg, rgba(99, 102, 241, .08))}.stat-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-value{font-size:22px;font-weight:700;color:var(--text-color);line-height:1.2}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:2px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.dark-mode{--primary: #818cf8;--primary-dark: #6366f1;--primary-light: #a5b4fc;--primary-bg: rgba(129, 140, 248, .15);--page-bg: #111827;--card-bg: #1f2937;--sidebar-bg: #111827;--hover-bg: #374151;--hover-bg-subtle: rgba(129, 140, 248, .08);--text-color: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #374151;--border-light: #1f2937;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--success-bg: rgba(74, 222, 128, .15);--success-border: rgba(74, 222, 128, .3);--success-text: #4ade80;--warning-bg: rgba(251, 191, 36, .15);--warning-border: rgba(251, 191, 36, .3);--warning-text: #fbbf24;--error-bg: rgba(248, 113, 113, .15);--error-border: rgba(248, 113, 113, .3);--error-text: #f87171;--info-bg: rgba(96, 165, 250, .15);--info-border: rgba(96, 165, 250, .3);--info-text: #60a5fa;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--overlay-bg: rgba(0, 0, 0, .7);--primary-border: rgba(129, 140, 248, .3);--primary-text: #818cf8;--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));--gradient-primary-subtle: linear-gradient(135deg, var(--primary-bg), rgba(99, 102, 241, .04));--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text-color);background-color:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--text-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.4;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#4f46e5 100%);color:#fff;box-shadow:0 1px 3px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.btn-secondary{background:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--text-muted)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-sm{padding:5px 10px;font-size:var(--text-xs);border-radius:6px}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-base)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-color);background:var(--card-bg);outline:none;transition:all .2s ease;line-height:1.5}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-color);margin-bottom:6px}.form-group{margin-bottom:var(--spacing-md)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:600;font-size:var(--text-xs);color:var(--text-secondary);background:var(--hover-bg);text-transform:uppercase;letter-spacing:.3px}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:var(--hover-bg-subtle)}.table-striped tbody tr:nth-child(2n){background:var(--hover-bg)}.table-striped tbody tr:nth-child(2n):hover{background:var(--hover-bg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:100px;font-size:var(--text-xs);font-weight:500;line-height:1.5}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-bg);color:var(--error-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-bold{font-weight:700}.font-semibold{font-weight:600}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none}}@media (max-width: 480px){.card{padding:var(--spacing-md)}.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-break{word-break:break-all}.cursor-pointer{cursor:pointer}.user-select-none{-webkit-user-select:none;user-select:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.page-header-left{flex:1;min-width:0}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-color);line-height:1.3}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast)}.modal{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;animation:slideIn var(--transition-normal)}.modal-large{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-color)}.modal-close{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1}.modal-close:hover{background:var(--hover-bg);color:var(--text-color)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:var(--text-base);color:var(--text-secondary)}.loading-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:var(--text-sm)}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:dotBounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.tab-bar{display:flex;gap:2px;border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-md)}.tab-bar .tab,.tab-bar .tab-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-bar .tab:hover,.tab-bar .tab-btn:hover{color:var(--text-color);background:var(--hover-bg)}.tab-bar .tab.active,.tab-bar .tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-color);border-radius:12px;transition:all var(--transition-normal)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.alert{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid transparent;margin-bottom:var(--spacing-md)}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{font-size:var(--text-2xl);margin-bottom:var(--spacing-sm)}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-color);line-height:1.2}.stat-label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.stat-change{font-size:var(--text-xs);font-weight:500;margin-top:var(--spacing-xs)}.bg-primary{background:var(--primary-bg)}.bg-success{background:var(--success-bg)}.bg-warning{background:var(--warning-bg)}.bg-info{background:var(--info-bg)}.bg-error{background:var(--error-bg)}.row-selected{background:var(--primary-bg)!important;border-left:3px solid var(--primary)}.text-primary{color:var(--primary);cursor:pointer}.text-primary:hover{text-decoration:underline}.text-mono{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.9em}.form-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.form-row>.form-group{flex:1}.required:after{content:" *";color:var(--error)}.search-input-wrapper{display:flex;gap:var(--spacing-xs);flex:1;max-width:400px}.search-input-wrapper .form-input{flex:1}.search-btn{padding:8px 12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast)}.search-btn:hover{filter:brightness(1.1)}.filter-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) 0}.page-info{font-size:var(--text-xs);color:var(--text-secondary)}.col-checkbox{width:36px;text-align:center}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--hover-bg) 50%,var(--border-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:var(--radius-sm)}.skeleton-text:last-child{margin-bottom:0;width:60%}.skeleton-title{height:20px;width:40%;margin-bottom:12px}.skeleton-line{height:14px;width:100%;margin-bottom:8px}.skeleton-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.skeleton-card .skeleton-line:nth-child(1){width:30%}.skeleton-card .skeleton-line:nth-child(2){width:80%}.skeleton-card .skeleton-line:nth-child(3){width:60%}.skeleton-row{display:flex;align-items:center;gap:var(--spacing-md);padding:10px 0;border-bottom:1px solid var(--border-light)}.skeleton-row:last-child{border-bottom:none}.skeleton-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skeleton-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (max-width: 768px){.skeleton-stat-grid{grid-template-columns:repeat(2,1fr)}}.error-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.error-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.error-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-xs)}.error-state-message{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);max-width:400px;margin-left:auto;margin-right:auto}.error-state-actions{display:flex;justify-content:center;gap:var(--spacing-sm)}.empty-state-enhanced{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.empty-state-enhanced .empty-icon{font-size:56px;margin-bottom:var(--spacing-md);opacity:.4}.empty-state-enhanced .empty-title{font-size:var(--text-lg);font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-xs)}.empty-state-enhanced .empty-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.skeleton-table{width:100%}.skeleton-table-row{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 0;border-bottom:1px solid var(--border-light)}.skeleton-table-cell{flex:1;height:14px}.skeleton-table-cell:first-child{flex:0 0 40px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .25s ease}.slide-up-enter-from{opacity:0;transform:translateY(10px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}.dark-mode [style*="background: white"],.dark-mode [style*="background:#fff"],.dark-mode [style*="background: #fff"],.dark-mode [style*="background:#ffffff"],.dark-mode [style*="background: #ffffff"],.dark-mode [style*="background-color: white"],.dark-mode [style*="background-color:#fff"],.dark-mode [style*="background-color: #fff"]{background:var(--card-bg)!important}.dark-mode [style*="background: #f8fafc"],.dark-mode [style*="background:#f8fafc"],.dark-mode [style*="background: #f9fafb"],.dark-mode [style*="background:#f9fafb"],.dark-mode [style*="background: #f3f4f6"],.dark-mode [style*="background:#f3f4f6"],.dark-mode [style*="background: #f5f5f5"],.dark-mode [style*="background:#f5f5f5"],.dark-mode [style*="background: #fafafa"],.dark-mode [style*="background:#fafafa"],.dark-mode [style*="background-color: #f8fafc"],.dark-mode [style*="background-color:#f8fafc"],.dark-mode [style*="background-color: #f9fafb"],.dark-mode [style*="background-color:#f9fafb"]{background:var(--hover-bg)!important}.dark-mode [style*="color: #1e293b"],.dark-mode [style*="color:#1e293b"],.dark-mode [style*="color: #1f2937"],.dark-mode [style*="color:#1f2937"],.dark-mode [style*="color: #111827"],.dark-mode [style*="color:#111827"],.dark-mode [style*="color: #0f172a"],.dark-mode [style*="color:#0f172a"],.dark-mode [style*="color: #334155"],.dark-mode [style*="color:#334155"],.dark-mode [style*="color: #475569"],.dark-mode [style*="color:#475569"],.dark-mode [style*="color: #64748b"],.dark-mode [style*="color:#64748b"],.dark-mode [style*="color: #374151"],.dark-mode [style*="color:#374151"],.dark-mode [style*="color: #1a1a1a"],.dark-mode [style*="color:#1a1a1a"],.dark-mode [style*="color: #333"],.dark-mode [style*="color:#333"],.dark-mode [style*="color: #222"],.dark-mode [style*="color:#222"],.dark-mode [style*="color: #000"],.dark-mode [style*="color:#000"],.dark-mode [style*="color: black"]{color:var(--text-color)!important}.dark-mode [style*="color: #999"],.dark-mode [style*="color:#999"],.dark-mode [style*="color: #888"],.dark-mode [style*="color:#888"],.dark-mode [style*="color: #aaa"],.dark-mode [style*="color:#aaa"],.dark-mode [style*="color: #ccc"],.dark-mode [style*="color:#ccc"],.dark-mode [style*="color: #9ca3af"],.dark-mode [style*="color:#9ca3af"],.dark-mode [style*="color: #6b7280"],.dark-mode [style*="color:#6b7280"]{color:var(--text-muted)!important}.dark-mode [style*="border: 1px solid #eee"],.dark-mode [style*="border:1px solid #eee"],.dark-mode [style*="border: 1px solid #e5e7eb"],.dark-mode [style*="border:1px solid #e5e7eb"],.dark-mode [style*="border: 1px solid #f3f4f6"],.dark-mode [style*="border:1px solid #f3f4f6"],.dark-mode [style*="border-top: 1px solid #eee"],.dark-mode [style*="border-top:1px solid #eee"],.dark-mode [style*="border-bottom: 1px solid #eee"],.dark-mode [style*="border-bottom:1px solid #eee"],.dark-mode [style*="border-top: 1px solid #f3f4f6"],.dark-mode [style*="border-top:1px solid #f3f4f6"]{border-color:var(--border-color)!important}.dark-mode .modal-body,.dark-mode .modal-content,.dark-mode .dialog-body,.dark-mode .popup-content,.dark-mode .drawer-body,.dark-mode .panel-body,.dark-mode .result-content,.dark-mode .form-container,.dark-mode .detail-panel,.dark-mode .info-panel,.dark-mode .content-box,.dark-mode .main-content,.dark-mode .card-body,.dark-mode .list-item,.dark-mode .table-container,.dark-mode .data-container{background:var(--card-bg)!important;color:var(--text-color)!important}.dark-mode .modal-footer,.dark-mode .dialog-footer,.dark-mode .panel-footer,.dark-mode .card-footer,.dark-mode .drawer-footer{background:var(--hover-bg)!important;color:var(--text-color)!important;border-top-color:var(--border-color)!important}.dark-mode .modal-header,.dark-mode .dialog-header,.dark-mode .panel-header,.dark-mode .card-header,.dark-mode .drawer-header{background:var(--card-bg)!important;color:var(--text-color)!important;border-bottom-color:var(--border-color)!important}.dark-mode .form-input,.dark-mode .form-select,.dark-mode .form-textarea,.dark-mode input[type=text],.dark-mode input[type=email],.dark-mode input[type=password],.dark-mode input[type=number],.dark-mode input[type=search],.dark-mode textarea,.dark-mode select{background:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.dark-mode .form-input::placeholder,.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-muted)!important}.dark-mode .form-label,.dark-mode label{color:var(--text-color)!important}.dark-mode table,.dark-mode .table,.dark-mode .data-table{background:var(--card-bg)!important;color:var(--text-color)!important}.dark-mode table th,.dark-mode .table th,.dark-mode .data-table th{background:var(--hover-bg)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}.dark-mode table td,.dark-mode .table td,.dark-mode .data-table td{border-color:var(--border-color)!important;color:var(--text-color)!important}.dark-mode table tbody tr:hover,.dark-mode .table tbody tr:hover,.dark-mode .data-table tbody tr:hover{background:var(--hover-bg)!important}.dark-mode pre,.dark-mode code,.dark-mode .code-block,.dark-mode .pre-block,.dark-mode .json-viewer,.dark-mode .result-block,.dark-mode .output-block{background:var(--hover-bg)!important;color:var(--text-color)!important}.dark-mode .tab-content,.dark-mode .tab-panel,.dark-mode .tab-pane{background:var(--card-bg)!important;color:var(--text-color)!important}.dark-mode .dropdown-menu,.dark-mode .dropdown-content,.dark-mode .menu-content,.dark-mode .popover-content,.dark-mode .context-menu{background:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.dark-mode .dropdown-item:hover,.dark-mode .menu-item:hover{background:var(--hover-bg)!important}.dark-mode .badge,.dark-mode .tag,.dark-mode .chip,.dark-mode .label-tag{border-color:var(--border-color)!important}.dark-mode ::-webkit-scrollbar-track{background:var(--border-light)!important}.dark-mode ::-webkit-scrollbar-thumb{background:var(--text-muted)!important}.dark-mode .white-bg,.dark-mode .bg-white,.dark-mode .light-bg,.dark-mode .surface,.dark-mode .surface-light{background:var(--card-bg)!important;color:var(--text-color)!important}.dark-mode .dark-text,.dark-mode .text-dark,.dark-mode .text-primary-dark{color:var(--text-color)!important}.dark-mode .bg-fff,.dark-mode .bg-white-force{background:var(--card-bg)!important}.dark-mode .el-overlay,.dark-mode .el-dialog,.dark-mode .el-drawer,.dark-mode [role=dialog],.dark-mode [role=alertdialog]{background:var(--card-bg)!important;color:var(--text-color)!important}.dark-mode .v-overlay__scrim{background:var(--overlay-bg)!important}.dark-mode .notification,.dark-mode .notice,.dark-mode .toast,.dark-mode .alert-box,.dark-mode .message-box,.dark-mode .stat-card,.dark-mode .data-card,.dark-mode .info-card,.dark-mode .metric-card,.dark-mode .kpi-card{background:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.dark-mode .search-box,.dark-mode .search-container,.dark-mode .filter-bar,.dark-mode .toolbar{background:var(--card-bg)!important;color:var(--text-color)!important}.dark-mode hr,.dark-mode .divider,.dark-mode .separator{border-color:var(--border-color)!important;background:var(--border-color)!important}