:root{--font: "DM Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "DM Mono", "Consolas", monospace;--bg-page: #F4F5F7;--bg-surface: #FFFFFF;--bg-subtle: #F8F9FA;--bg-hover: #F0F2F5;--border: #E4E7EC;--border-md: #CDD2DA;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--accent: #2563EB;--accent-dark: #1D4ED8;--blue-50: #EFF6FF;--blue-100: #DBEAFE;--blue-200: #BFDBFE;--blue-700: #1D4ED8;--blue-900: #1E3A8A;--red-50: #FEF2F2;--red-500: #EF4444;--red-700: #B91C1C;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-600: #4B5563;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--sidebar-w: 220px;--topbar-h: 52px;--toolbar-h: 46px;--row-h: 42px;--header-h: 38px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}@media(max-width:768px){body{overflow:auto}}*{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}*::-webkit-scrollbar{height:6px;width:6px}*::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}