*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary)}input{box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f3f4f6;--bg-overlay: rgba(0, 0, 0, .5);--bg-page: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-muted: #9ca3af;--text-heading: #1f2937;--text-on-primary: #ffffff;--text-on-dark: #ffffff;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-light: #f3f4f6;--border-focus: var(--color-primary);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .2);--shadow-card: 0 1px 3px rgba(0, 0, 0, .1);--color-primary: #667eea;--color-primary-hover: #5a6fd6;--color-primary-light: #e0e7ff;--color-primary-lighter: #eef2ff;--color-primary-text: #ffffff;--color-secondary: #6b7280;--color-secondary-bg: #f3f4f6;--color-secondary-text: #374151;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #065f46;--color-success-hover: #15803d;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-error-text: #991b1b;--color-error-hover: #b91c1c;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--color-warning-text: #92400e;--color-info: #3b82f6;--color-info-bg: #eff6ff;--color-info-border: #bfdbfe;--color-info-text: #1e40af;--sidebar-bg: #ffffff;--sidebar-text: #333333;--sidebar-text-muted: #999999;--sidebar-hover: #f3f4f6;--sidebar-active-bg: var(--color-primary);--sidebar-active-text: #ffffff;--sidebar-border: #e5e7eb;--sidebar-scrollbar-thumb: #d1d5db;--sidebar-scrollbar-thumb-hover: #9ca3af;--sidebar-scrollbar-track: transparent;--header-bg: #ffffff;--header-text: #333333;--header-border: #e5e7eb;--tab-active-bg: var(--color-primary);--tab-active-text: #ffffff;--tab-inactive-bg: transparent;--tab-inactive-text: var(--text-secondary);--btn-primary-bg: var(--color-primary);--btn-primary-text: #ffffff;--btn-primary-hover: var(--color-primary-hover);--btn-secondary-bg: var(--color-secondary-bg);--btn-secondary-text: var(--color-secondary-text);--btn-danger-bg: var(--color-error);--btn-danger-text: #ffffff;--btn-success-bg: var(--color-success);--btn-success-text: #ffffff;--input-bg: var(--bg-input);--input-border: var(--border-secondary);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--badge-blue-bg: #dbeafe;--badge-blue-text: #1e40af;--badge-red-bg: #fee2e2;--badge-red-text: #991b1b;--badge-green-bg: #d1fae5;--badge-green-text: #065f46;--badge-orange-bg: #fef3c7;--badge-orange-text: #92400e;--badge-gray-bg: #e5e7eb;--badge-gray-text: #374151;--badge-purple-bg: #ede9fe;--badge-purple-text: #5b21b6}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-card: #1f2937;--bg-input: #374151;--bg-hover: #374151;--bg-overlay: rgba(0, 0, 0, .7);--bg-page: #0f172a;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-heading: #f9fafb;--text-on-primary: #ffffff;--text-on-dark: #ffffff;--border-primary: #374151;--border-secondary: #4b5563;--border-light: #1f2937;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--color-primary-light: #1e2a4a;--color-primary-lighter: #172040;--color-secondary-bg: #374151;--color-secondary-text: #d1d5db;--color-success-bg: #052e16;--color-success-border: #166534;--color-success-text: #86efac;--color-error-bg: #2e0a0a;--color-error-border: #7f1d1d;--color-error-text: #fca5a5;--color-warning-bg: #2e1f0a;--color-warning-border: #92400e;--color-warning-text: #fcd34d;--color-info-bg: #0a1a2e;--color-info-border: #1e40af;--color-info-text: #93c5fd;--sidebar-bg: #111827;--sidebar-text: #d1d5db;--sidebar-text-muted: #6b7280;--sidebar-hover: #1f2937;--sidebar-border: #374151;--sidebar-scrollbar-thumb: #374151;--sidebar-scrollbar-thumb-hover: #4b5563;--sidebar-scrollbar-track: transparent;--header-bg: #111827;--header-text: #f3f4f6;--header-border: #374151;--input-bg: #374151;--input-border: #4b5563;--input-text: #f3f4f6;--input-placeholder: #6b7280;--badge-blue-bg: #1e3a5f;--badge-blue-text: #93c5fd;--badge-red-bg: #3b1010;--badge-red-text: #fca5a5;--badge-green-bg: #052e16;--badge-green-text: #86efac;--badge-orange-bg: #3b1f06;--badge-orange-text: #fcd34d;--badge-gray-bg: #374151;--badge-gray-text: #d1d5db;--badge-purple-bg: #2e1065;--badge-purple-text: #c4b5fd}.sidebar{scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar-thumb) var(--sidebar-scrollbar-track)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:var(--sidebar-scrollbar-track)}.sidebar::-webkit-scrollbar-thumb{background-color:var(--sidebar-scrollbar-thumb);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sidebar-scrollbar-thumb-hover)}