:root{--color-primary:#f2d600;--color-primary-hover:#e5ca00;--sidebar-bg:#1d1e2c;--sidebar-width:220px;--navbar-height:64px;--page-bg:#f7f8fa;--surface-bg:#fff;--text-primary:#252525;--text-secondary:#6f7280;--text-muted:#9a9ca6;--border-color:#e7e8ec;--success:#39835a;--warning:#d58a2a;--danger:#d84c4c;--info:#5278d5;--page-padding:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;font-family:Soleto,Inter,Arial,sans-serif}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*{scrollbar-width:thin;scrollbar-color:#c8cad1 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8cad1 padding-box padding-box;border:3px solid #0000;border-radius:999px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);background-clip:padding-box;border:2px solid #0000;box-shadow:inset 0 0 0 1px #0000000a,0 0 8px #f2d60059}::-webkit-scrollbar-thumb:active{background:#d6bd00 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}