:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-bg: #f3f6fa;--color-bg-card: #ffffff;--color-bg-hover: #f9fafb;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-success: #059669;--color-success-bg: #ecfdf5;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-info: #2563eb;--color-info-bg: #eff6ff;--color-sidebar: #0f172a;--color-sidebar-text: #94a3b8;--color-sidebar-active: #ffffff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 28px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--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, .05);--font-family: Inter, "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;color:var(--color-text);background:var(--color-bg);font-family:var(--font-family);line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;font-size:14px}button,.button-link,.primary-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;transition:all .15s ease;font-weight:500}button:hover,.button-link:hover,.primary-button:hover{background:var(--color-bg-hover);box-shadow:var(--shadow-sm)}button:active{transform:scale(.98)}.primary-button{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.primary-button:hover{background:var(--color-primary-dark)}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--color-sidebar);color:var(--color-sidebar-text);padding:var(--spacing-2xl);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100}.brand{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1)}.brand small{color:var(--color-text-muted);display:block;margin-top:2px;font-size:12px}.brand-mark{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);display:inline-flex;font-weight:700;height:40px;justify-content:center;width:40px;color:#fff;font-size:16px}.sidebar nav{display:grid;gap:var(--spacing-xs)}.sidebar a{border-radius:var(--radius-md);color:var(--color-sidebar-text);padding:10px 14px;transition:all .15s ease;text-decoration:none;font-size:14px}.sidebar a:hover{background:#ffffff0f;color:var(--color-sidebar-active);text-decoration:none}.sidebar a.router-link-active{background:#2563eb33;color:var(--color-sidebar-active);font-weight:500}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:200;background:var(--color-sidebar);color:#fff;border:none;border-radius:var(--radius-md);width:40px;height:40px;font-size:20px;cursor:pointer;box-shadow:var(--shadow-md)}.content{padding:var(--spacing-3xl);min-width:0}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.page-header h1{font-size:26px;margin:4px 0 0;font-weight:700;color:var(--color-text)}.eyebrow{color:var(--color-text-secondary);font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.toolbar,.form-panel{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.toolbar input,.toolbar select,.form-panel input,.form-panel select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;background:var(--color-bg-card);transition:border-color .15s ease}.toolbar input:focus,.toolbar select:focus,.form-panel input:focus,.form-panel select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.toolbar input{min-width:280px}.form-panel label{display:grid;flex:1;gap:var(--spacing-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--spacing-lg)}.form-grid .form-panel{align-items:stretch;flex-direction:column}.checkbox-list{border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);max-height:220px;overflow:auto;padding:var(--spacing-md)}.checkbox-list label{align-items:center;display:flex;gap:var(--spacing-sm)}.checkbox-list small{color:var(--color-text-secondary)}.upload-panel{align-items:end;flex-wrap:wrap}.upload-panel label{min-width:180px}.wide-field{flex-basis:100%}.upload-progress{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-basis:100%;padding:var(--spacing-md)}.upload-progress div{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.upload-progress progress{accent-color:var(--color-primary);width:100%;height:8px;border-radius:var(--radius-full)}.upload-progress small{color:var(--color-text-secondary)}.table-panel,.main-panel,.side-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table-panel{overflow:hidden}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--color-border-light);padding:14px 16px;text-align:left}th{background:var(--color-bg-hover);color:var(--color-text-secondary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.3px}tr:hover td{background:#2563eb05}td small{color:var(--color-text-secondary);display:block;margin-top:2px}.status{border-radius:var(--radius-full);display:inline-block;padding:4px 12px;font-size:12px;font-weight:500}.status-success,.status-SUCCEEDED,.status-SYNCED{background:var(--color-success-bg);color:var(--color-success)}.status-failed,.status-FAILED{background:var(--color-danger-bg);color:var(--color-danger)}.status-pending,.status-PENDING{background:var(--color-warning-bg);color:var(--color-warning)}.status-running,.status-RUNNING{background:var(--color-info-bg);color:var(--color-info)}.detail-layout{display:grid;gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) 340px}.main-panel,.side-panel{padding:var(--spacing-xl)}.main-panel h2,.side-panel h2{font-size:17px;margin:0 0 var(--spacing-md);font-weight:600;color:var(--color-text);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.main-panel h2:not(:first-child),.side-panel h2:not(:first-child){margin-top:var(--spacing-xl)}audio{width:100%;margin-bottom:var(--spacing-xl);border-radius:var(--radius-md)}textarea{margin-bottom:var(--spacing-xl);width:100%;min-height:120px;resize:vertical}dl{display:grid;gap:var(--spacing-sm);grid-template-columns:100px 1fr;margin:0 0 var(--spacing-xl)}dt{color:var(--color-text-secondary);font-size:13px}dd{margin:0;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.progress{background:var(--color-border);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress span{background:var(--color-primary);display:block;height:100%;border-radius:var(--radius-full);transition:width .3s ease}.muted{color:var(--color-text-secondary);font-size:13px}.error-text{color:var(--color-danger);font-size:13px}.empty-cell{color:var(--color-text-muted);padding:40px 16px;text-align:center}.inline-fields{align-items:end;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.inline-fields label{display:grid;gap:var(--spacing-sm);font-size:13px;font-weight:500;color:var(--color-text-secondary)}.inline-fields select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px}.model-form{align-items:end;flex-wrap:wrap}.model-form label{min-width:180px}.checkbox-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.checkbox-row label{align-items:center;display:flex;flex:initial;gap:6px;min-width:auto;font-size:13px}.table-actions,.export-actions,.version-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.version-list{display:grid}.version-list button{display:grid;gap:4px;text-align:left}.version-list button.active{border-color:var(--color-primary);background:var(--color-primary-light)}.version-list small{color:var(--color-text-secondary)}.summary-grid{display:grid;gap:var(--spacing-md)}.summary-grid section{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);background:var(--color-bg-hover)}.summary-grid h3{font-size:14px;margin:0 0 var(--spacing-sm);color:var(--color-primary);font-weight:600}.summary-grid p,.summary-grid pre{color:var(--color-text);line-height:1.7;margin:0;white-space:pre-wrap;font-size:14px}.knowledge-results{display:grid;gap:var(--spacing-md)}.segment-list{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.segment-item{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .15s ease}.segment-item:hover{border-color:var(--color-primary)}.segment-item p{color:var(--color-text);line-height:1.7;margin:var(--spacing-sm) 0 0;white-space:pre-wrap}.knowledge-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:box-shadow .15s ease}.knowledge-item:hover{box-shadow:var(--shadow-md)}.knowledge-item p{color:var(--color-text);line-height:1.7;margin:var(--spacing-md) 0;white-space:pre-wrap}.knowledge-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:12px}.knowledge-meta span{background:var(--color-bg-hover);padding:2px 8px;border-radius:var(--radius-sm)}.speaker-badge{background:var(--color-primary-light)!important;color:var(--color-primary)!important;font-weight:500;font-size:11px}.chat-layout{display:grid;gap:var(--spacing-xl);grid-template-columns:280px minmax(0,1fr)}.chat-sessions,.chat-main,.citation-panel,.chat-messages{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chat-sessions{display:grid;gap:var(--spacing-sm);align-content:start;padding:var(--spacing-lg);max-height:calc(100vh - 160px);overflow-y:auto}.chat-sessions h2,.citation-panel h2{font-size:16px;margin:0 0 var(--spacing-sm);font-weight:600}.chat-sessions button{display:grid;gap:4px;text-align:left;width:100%}.chat-sessions button.active{border-color:var(--color-primary);background:var(--color-primary-light)}.chat-sessions small,.chat-message small{color:var(--color-text-secondary)}.chat-main{display:grid;gap:var(--spacing-md);padding:var(--spacing-lg)}.chat-form{margin-bottom:0}.chat-messages{display:grid;gap:var(--spacing-md);max-height:60vh;min-height:400px;overflow:auto;padding:var(--spacing-lg)}.chat-message{border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);max-width:85%}.chat-message.user{background:var(--color-primary-light);margin-left:auto}.chat-message.assistant{background:var(--color-bg-hover)}.chat-message p{line-height:1.7;margin:var(--spacing-sm) 0;white-space:pre-wrap}.citation-panel{display:grid;gap:var(--spacing-md);padding:var(--spacing-lg);border-left:3px solid var(--color-warning)}.citation-panel p{color:var(--color-text);line-height:1.7;margin:6px 0 0}.chat-input{align-items:end;display:grid;gap:var(--spacing-md);grid-template-columns:minmax(0,1fr) auto}.chat-input textarea{margin-bottom:0;min-height:60px;max-height:120px}@media (max-width: 1024px){.detail-layout{grid-template-columns:1fr}.side-panel{order:-1}}@media (max-width: 900px){.sidebar-toggle{display:flex}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:260px;transition:left .3s ease;z-index:150}.sidebar.open{left:0;box-shadow:var(--shadow-lg)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:140}.sidebar-overlay.open{display:block}.content{padding:var(--spacing-lg);padding-top:60px}.chat-layout{grid-template-columns:1fr}.chat-sessions{max-height:200px}.chat-messages{min-height:300px;max-height:50vh}.toolbar,.form-panel,.page-header,.inline-fields{align-items:stretch;flex-direction:column}.page-header{flex-direction:column;align-items:flex-start}.toolbar input{min-width:auto;width:100%}table{display:block;overflow-x:auto}.form-grid{grid-template-columns:1fr}.summary-grid section{padding:var(--spacing-md)}}@media (max-width: 480px){.content{padding:var(--spacing-md);padding-top:56px}.page-header h1{font-size:22px}.actions{flex-direction:column}.actions button{width:100%}.chat-message{max-width:95%}}