@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-bg-canvas: #f6f6f6;--color-bg-surface: #FFFFFF;--color-border: #E5E7EB;--color-text-primary: #374151;--color-text-secondary: #6B7280;--color-text-disabled: #9CA3AF;--color-primary-main: #10B981;--color-primary-light: #6EE7B7;--color-primary-lighter: #ECFDF5;--sidebar-bg: #f0f0f0;--sidebar-border: #00205f;--sidebar-item-hover: #F9FAFB;--sidebar-item-active-bg: #E5F6F1;--sidebar-item-active-text: #059669}.dark{--color-bg-canvas: #121212;--color-bg-surface: #464646;--color-border: #374151;--color-text-primary: #F3F4F6;--color-text-secondary: #9CA3AF;--color-text-disabled: #6B7280;--color-accent-orange: #e9761f;--color-primary-main: #10B981;--color-primary-light: #34D399;--color-primary-lighter: #064E3B;--sidebar-bg: #1e1e1e;--sidebar-border: #374151;--sidebar-item-hover: #374151;--sidebar-item-active-bg: #464646;--sidebar-item-active-text: #FFFFFF}}body{background-color:var(--color-bg-canvas);color:var(--color-text-primary);transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded-full;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{@apply bg-gray-400;}