:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2128;--bg-input: #0d1117;--bg-hover: #1c2128;--bg-active: #292e36;--fg-primary: #e6edf3;--fg-secondary: #8b949e;--fg-muted: #484f58;--fg-accent: #58a6ff;--border-primary: #30363d;--border-secondary: #21262d;--color-primary: #58a6ff;--color-primary-hover: #79c0ff;--color-success: #3fb950;--color-warning: #d29922;--color-danger: #f85149;--color-info: #58a6ff;--color-accent: #bc8cff;--sidebar-width: 280px;--topbar-height: 48px;--panel-bottom-height: 280px;--panel-right-width: 320px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--z-sidebar: 100;--z-topbar: 200;--z-modal: 500;--z-toast: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--font-size-lg);color:var(--fg-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fg-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-secondary)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}code,pre{font-family:var(--font-mono)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}