:root{--color-bg-base: #FEF8F0;--color-bg-surface: #FFFFFF;--color-bg-elevated: #F5F5F5;--color-bg-overlay: #F0EBE3;--color-border: #E4E7F0;--color-border-light: #EEF0F7;--color-amber-400: #F49833;--color-amber-500: #F49833;--color-amber-600: #E08520;--color-amber-700: #C87010;--color-text-primary: #0A303C;--color-text-secondary: #666666;--color-text-muted: #999999;--color-green: #52986D;--color-red: #e53e3e;--color-yellow: #d97706;--color-blue: #3b82f6;--font-display: "Source Sans Pro", sans-serif;--font-body: "Source Sans Pro", sans-serif;--font-mono: "Open Sans", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 2px 18px rgba(0,0,0,.05);--shadow-lg: 0 8px 32px rgba(0,0,0,.08);--transition-fast: .12s ease;--transition-base: .2s ease;--sidebar-width: 224px;--topbar-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}html{font-size:14px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--color-bg-base);color:var(--color-text-primary);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ccc}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:var(--color-border)}.sidebar-nav:hover::-webkit-scrollbar-thumb:hover{background:#ccc}.sidebar-nav{scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-nav:hover{scrollbar-color:var(--color-border) transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}