:root{--bg: #0f172a;--panel: #111827;--muted: #0b1220;--text: #e5e7eb;--subtle: #9ca3af;--border: #1f2937;--card-bg: #1e293b;--code-bg: #1e293b;--code-text: #e2e8f0;--primary-bg: #1e3a8a;--primary-bg-soft: rgba(30, 58, 138, .2);--secondary-bg-soft: rgba(75, 85, 99, .2);--success-bg-soft: rgba(22, 101, 52, .2);--warning-bg-soft: rgba(120, 53, 15, .2);--error-bg-soft: rgba(153, 27, 27, .2);--info-bg-soft: rgba(30, 58, 138, .2);--primary-text: #60a5fa;--secondary-text: #9ca3af;--success-text: #4ade80;--warning-text: #fbbf24;--error-text: #f87171;--info-text: #60a5fa;--button-default-filled-bg: #f3f4f6;--button-default-filled-text: #374151;--button-default-filled-hover-bg: #e5e7eb;--button-default-outlined-bg: transparent;--button-default-outlined-text: #374151;--button-default-outlined-border: #d1d5db;--button-default-outlined-hover-bg: #f3f4f6;--button-default-ghost-bg: transparent;--button-default-ghost-text: #374151;--button-default-ghost-hover-bg: #f3f4f6;--button-primary-filled-bg: #0969da;--button-primary-filled-text: #ffffff;--button-primary-filled-hover-bg: #0860c7;--button-primary-outlined-bg: transparent;--button-primary-outlined-text: #0969da;--button-primary-outlined-border: #0969da;--button-primary-outlined-hover-bg: #ddf4ff;--button-primary-ghost-bg: transparent;--button-primary-ghost-text: #0969da;--button-primary-ghost-hover-bg: #ddf4ff;--button-secondary-filled-bg: #6b7280;--button-secondary-filled-text: #ffffff;--button-secondary-filled-hover-bg: #5a6370;--button-secondary-outlined-bg: transparent;--button-secondary-outlined-text: #6b7280;--button-secondary-outlined-border: #9ca3af;--button-secondary-outlined-hover-bg: #f3f4f6;--button-secondary-ghost-bg: transparent;--button-secondary-ghost-text: #6b7280;--button-secondary-ghost-hover-bg: #f3f4f6;--button-success-filled-bg: #1a7f37;--button-success-filled-text: #ffffff;--button-success-filled-hover-bg: #15692e;--button-success-outlined-bg: transparent;--button-success-outlined-text: #1a7f37;--button-success-outlined-border: #1a7f37;--button-success-outlined-hover-bg: #dafbe1;--button-success-ghost-bg: transparent;--button-success-ghost-text: #1a7f37;--button-success-ghost-hover-bg: #dafbe1;--button-warning-filled-bg: #9a6700;--button-warning-filled-text: #ffffff;--button-warning-filled-hover-bg: #835800;--button-warning-outlined-bg: transparent;--button-warning-outlined-text: #9a6700;--button-warning-outlined-border: #9a6700;--button-warning-outlined-hover-bg: #fff8c5;--button-warning-ghost-bg: transparent;--button-warning-ghost-text: #9a6700;--button-warning-ghost-hover-bg: #fff8c5;--button-error-filled-bg: #cf222e;--button-error-filled-text: #ffffff;--button-error-filled-hover-bg: #b91c26;--button-error-outlined-bg: transparent;--button-error-outlined-text: #cf222e;--button-error-outlined-border: #cf222e;--button-error-outlined-hover-bg: #ffebe9;--button-error-ghost-bg: transparent;--button-error-ghost-text: #cf222e;--button-error-ghost-hover-bg: #ffebe9;--button-info-filled-bg: #0969da;--button-info-filled-text: #ffffff;--button-info-filled-hover-bg: #0860c7;--button-info-outlined-bg: transparent;--button-info-outlined-text: #0969da;--button-info-outlined-border: #0969da;--button-info-outlined-hover-bg: #ddf4ff;--button-info-ghost-bg: transparent;--button-info-ghost-text: #0969da;--button-info-ghost-hover-bg: #ddf4ff;--switch-thumb: #ffffff;--switch-default-on: #4ade80;--switch-default-off: #334155;--switch-primary-on: #60a5fa;--switch-primary-off: #334155;--switch-secondary-on: #9ca3af;--switch-secondary-off: #334155;--switch-success-on: #4ade80;--switch-success-off: #334155;--switch-warning-on: #fbbf24;--switch-warning-off: #334155;--switch-error-on: #f87171;--switch-error-off: #334155;--switch-info-on: #60a5fa;--switch-info-off: #334155;--checkbox-default: #4ade80;--checkbox-primary: #60a5fa;--checkbox-secondary: #9ca3af;--checkbox-success: #4ade80;--checkbox-warning: #fbbf24;--checkbox-error: #f87171;--checkbox-info: #60a5fa;--radio-default: #4ade80;--radio-primary: #60a5fa;--radio-secondary: #9ca3af;--radio-success: #4ade80;--radio-warning: #fbbf24;--radio-error: #f87171;--radio-info: #60a5fa;--header-min: 48px;--header-max: 64px;--header-h: clamp(var(--header-min), 6vh, var(--header-max));font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}*,*:before,*:after{box-sizing:border-box}[data-theme=light]{color-scheme:light;--bg: #ffffff;--panel: #ffffff;--muted: #f3f4f6;--text: #111827;--subtle: #6b7280;--border: #e5e7eb;--card-bg: #ffffff;--code-bg: #f8fafc;--code-text: #334155;--primary-bg: #0969da;--primary-bg-soft: #ddf4ff;--secondary-bg-soft: #f3f4f6;--success-bg-soft: #dafbe1;--warning-bg-soft: #fff8c5;--error-bg-soft: #ffebe9;--info-bg-soft: #ddf4ff;--primary-text: #0969da;--secondary-text: #6b7280;--success-text: #16a34a;--warning-text: #ca8a04;--error-text: #dc2626;--info-text: #0969da;--button-default-filled-bg: #f3f4f6;--button-default-filled-text: #374151;--button-default-filled-hover-bg: #e5e7eb;--button-default-outlined-bg: transparent;--button-default-outlined-text: #374151;--button-default-outlined-border: #d1d5db;--button-default-outlined-hover-bg: #f3f4f6;--button-default-ghost-bg: transparent;--button-default-ghost-text: #374151;--button-default-ghost-hover-bg: #f3f4f6;--button-primary-filled-bg: #0969da;--button-primary-filled-text: #ffffff;--button-primary-filled-hover-bg: #0860c7;--button-primary-outlined-bg: transparent;--button-primary-outlined-text: #0969da;--button-primary-outlined-border: #0969da;--button-primary-outlined-hover-bg: #ddf4ff;--button-primary-ghost-bg: transparent;--button-primary-ghost-text: #0969da;--button-primary-ghost-hover-bg: #ddf4ff;--button-secondary-filled-bg: #6b7280;--button-secondary-filled-text: #ffffff;--button-secondary-filled-hover-bg: #5a6370;--button-secondary-outlined-bg: transparent;--button-secondary-outlined-text: #6b7280;--button-secondary-outlined-border: #9ca3af;--button-secondary-outlined-hover-bg: #f3f4f6;--button-secondary-ghost-bg: transparent;--button-secondary-ghost-text: #6b7280;--button-secondary-ghost-hover-bg: #f3f4f6;--button-success-filled-bg: #1a7f37;--button-success-filled-text: #ffffff;--button-success-filled-hover-bg: #15692e;--button-success-outlined-bg: transparent;--button-success-outlined-text: #1a7f37;--button-success-outlined-border: #1a7f37;--button-success-outlined-hover-bg: #dafbe1;--button-success-ghost-bg: transparent;--button-success-ghost-text: #1a7f37;--button-success-ghost-hover-bg: #dafbe1;--button-warning-filled-bg: #9a6700;--button-warning-filled-text: #ffffff;--button-warning-filled-hover-bg: #835800;--button-warning-outlined-bg: transparent;--button-warning-outlined-text: #9a6700;--button-warning-outlined-border: #9a6700;--button-warning-outlined-hover-bg: #fff8c5;--button-warning-ghost-bg: transparent;--button-warning-ghost-text: #9a6700;--button-warning-ghost-hover-bg: #fff8c5;--button-error-filled-bg: #cf222e;--button-error-filled-text: #ffffff;--button-error-filled-hover-bg: #b91c26;--button-error-outlined-bg: transparent;--button-error-outlined-text: #cf222e;--button-error-outlined-border: #cf222e;--button-error-outlined-hover-bg: #ffebe9;--button-error-ghost-bg: transparent;--button-error-ghost-text: #cf222e;--button-error-ghost-hover-bg: #ffebe9;--button-info-filled-bg: #0969da;--button-info-filled-text: #ffffff;--button-info-filled-hover-bg: #0860c7;--button-info-outlined-bg: transparent;--button-info-outlined-text: #0969da;--button-info-outlined-border: #0969da;--button-info-outlined-hover-bg: #ddf4ff;--button-info-ghost-bg: transparent;--button-info-ghost-text: #0969da;--button-info-ghost-hover-bg: #ddf4ff;--switch-thumb: #ffffff;--switch-default-on: #16a34a;--switch-default-off: #e5e7eb;--switch-primary-on: #0969da;--switch-primary-off: #e5e7eb;--switch-secondary-on: #6b7280;--switch-secondary-off: #e5e7eb;--switch-success-on: #16a34a;--switch-success-off: #e5e7eb;--switch-warning-on: #ca8a04;--switch-warning-off: #e5e7eb;--switch-error-on: #dc2626;--switch-error-off: #e5e7eb;--switch-info-on: #0969da;--switch-info-off: #e5e7eb;--checkbox-default: #16a34a;--checkbox-primary: #0969da;--checkbox-secondary: #6b7280;--checkbox-success: #16a34a;--checkbox-warning: #ca8a04;--checkbox-error: #dc2626;--checkbox-info: #0969da;--radio-default: #16a34a;--radio-primary: #0969da;--radio-secondary: #6b7280;--radio-success: #16a34a;--radio-warning: #ca8a04;--radio-error: #dc2626;--radio-info: #0969da}[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--panel: #0b1220;--muted: #111827;--text: #e5e7eb;--subtle: #9ca3af;--border: #1f2937;--card-bg: #1e293b;--code-bg: #1e293b;--code-text: #e2e8f0;--primary-bg: #1e3a8a;--primary-bg-soft: rgba(30, 58, 138, .2);--secondary-bg-soft: rgba(75, 85, 99, .2);--success-bg-soft: rgba(22, 101, 52, .2);--warning-bg-soft: rgba(120, 53, 15, .2);--error-bg-soft: rgba(153, 27, 27, .2);--info-bg-soft: rgba(30, 58, 138, .2);--primary-text: #60a5fa;--secondary-text: #9ca3af;--success-text: #4ade80;--warning-text: #fbbf24;--error-text: #f87171;--info-text: #60a5fa;--button-default-filled-bg: #f3f4f6;--button-default-filled-text: #374151;--button-default-filled-hover-bg: #e5e7eb;--button-default-outlined-bg: transparent;--button-default-outlined-text: #374151;--button-default-outlined-border: #d1d5db;--button-default-outlined-hover-bg: #f3f4f6;--button-default-ghost-bg: transparent;--button-default-ghost-text: #374151;--button-default-ghost-hover-bg: #f3f4f6;--button-primary-filled-bg: #0969da;--button-primary-filled-text: #ffffff;--button-primary-filled-hover-bg: #0860c7;--button-primary-outlined-bg: transparent;--button-primary-outlined-text: #0969da;--button-primary-outlined-border: #0969da;--button-primary-outlined-hover-bg: #ddf4ff;--button-primary-ghost-bg: transparent;--button-primary-ghost-text: #0969da;--button-primary-ghost-hover-bg: #ddf4ff;--button-secondary-filled-bg: #6b7280;--button-secondary-filled-text: #ffffff;--button-secondary-filled-hover-bg: #5a6370;--button-secondary-outlined-bg: transparent;--button-secondary-outlined-text: #6b7280;--button-secondary-outlined-border: #9ca3af;--button-secondary-outlined-hover-bg: #f3f4f6;--button-secondary-ghost-bg: transparent;--button-secondary-ghost-text: #6b7280;--button-secondary-ghost-hover-bg: #f3f4f6;--button-success-filled-bg: #1a7f37;--button-success-filled-text: #ffffff;--button-success-filled-hover-bg: #15692e;--button-success-outlined-bg: transparent;--button-success-outlined-text: #1a7f37;--button-success-outlined-border: #1a7f37;--button-success-outlined-hover-bg: #dafbe1;--button-success-ghost-bg: transparent;--button-success-ghost-text: #1a7f37;--button-success-ghost-hover-bg: #dafbe1;--button-warning-filled-bg: #9a6700;--button-warning-filled-text: #ffffff;--button-warning-filled-hover-bg: #835800;--button-warning-outlined-bg: transparent;--button-warning-outlined-text: #9a6700;--button-warning-outlined-border: #9a6700;--button-warning-outlined-hover-bg: #fff8c5;--button-warning-ghost-bg: transparent;--button-warning-ghost-text: #9a6700;--button-warning-ghost-hover-bg: #fff8c5;--button-error-filled-bg: #cf222e;--button-error-filled-text: #ffffff;--button-error-filled-hover-bg: #b91c26;--button-error-outlined-bg: transparent;--button-error-outlined-text: #cf222e;--button-error-outlined-border: #cf222e;--button-error-outlined-hover-bg: #ffebe9;--button-error-ghost-bg: transparent;--button-error-ghost-text: #cf222e;--button-error-ghost-hover-bg: #ffebe9;--button-info-filled-bg: #0969da;--button-info-filled-text: #ffffff;--button-info-filled-hover-bg: #0860c7;--button-info-outlined-bg: transparent;--button-info-outlined-text: #0969da;--button-info-outlined-border: #0969da;--button-info-outlined-hover-bg: #ddf4ff;--button-info-ghost-bg: transparent;--button-info-ghost-text: #0969da;--button-info-ghost-hover-bg: #ddf4ff;--switch-thumb: #ffffff;--switch-default-on: #4ade80;--switch-default-off: #334155;--switch-primary-on: #60a5fa;--switch-primary-off: #334155;--switch-secondary-on: #9ca3af;--switch-secondary-off: #334155;--switch-success-on: #4ade80;--switch-success-off: #334155;--switch-warning-on: #fbbf24;--switch-warning-off: #334155;--switch-error-on: #f87171;--switch-error-off: #334155;--switch-info-on: #60a5fa;--switch-info-off: #334155;--checkbox-default: #4ade80;--checkbox-primary: #60a5fa;--checkbox-secondary: #9ca3af;--checkbox-success: #4ade80;--checkbox-warning: #fbbf24;--checkbox-error: #f87171;--checkbox-info: #60a5fa;--radio-default: #4ade80;--radio-primary: #60a5fa;--radio-secondary: #9ca3af;--radio-success: #4ade80;--radio-warning: #fbbf24;--radio-error: #f87171;--radio-info: #60a5fa}html,body,#root{width:100%;height:100%}body{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #dbeafe;--bg: #ffffff;--bg-secondary: #f5f7fa;--panel: #ffffff;--muted: #f1f5f9;--card-bg: #ffffff;--text: #1e293b;--text-secondary: #64748b;--subtle: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--sidebar-text: #475569;--sidebar-text-muted: #94a3b8;--sidebar-hover: #f8fafc;--sidebar-active: #eff6ff;--sidebar-active-text: #3b82f6;--sidebar-section-text: #94a3b8;--header-bg: #ffffff;--header-border: #e2e8f0;--header-text: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--primary: #3b82f6;--primary-hover: #60a5fa;--primary-light: #1e3a8a;--bg: #0f172a;--bg-secondary: #1e293b;--panel: #1e293b;--muted: #334155;--card-bg: #1e293b;--text: #f1f5f9;--text-secondary: #cbd5e1;--subtle: #64748b;--border: #334155;--border-light: #475569;--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-text: #cbd5e1;--sidebar-text-muted: #64748b;--sidebar-hover: #334155;--sidebar-active: #1e3a8a;--sidebar-active-text: #60a5fa;--sidebar-section-text: #64748b;--header-bg: #1e293b;--header-border: #334155;--header-text: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-lg{width:48px;height:48px}.app-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:16px}.app-loading-text{color:var(--text-secondary)}.app-error-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:16px;padding:24px}.app-error-icon{font-size:48px}.app-error-title{font-size:1.5rem;font-weight:600;color:var(--text)}.app-error-message{color:var(--text-secondary);text-align:center;max-width:500px}.app-error-button{padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.app-error-button:hover{background-color:var(--primary-hover, #2563eb)}