:root{--color-bg-primary:#fafafa;--color-bg-secondary:#fff;--color-bg-tertiary:#f5f5f5;--color-text-primary:#171717;--color-text-secondary:#525252;--color-text-muted:#a3a3a3;--color-border:#e5e5e5;--color-border-hover:#d4d4d4;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-overlay:rgba(0,0,0,.5);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-drawer:-4px 0 15px -3px rgba(0,0,0,.1);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--header-height:56px;--drawer-width:320px;--control-bar-height:60px;--grid-gap:12px;--min-cell-width:100px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px}[data-theme=dark]{--color-bg-primary:#0a0a0a;--color-bg-secondary:#171717;--color-bg-tertiary:#262626;--color-text-primary:#fafafa;--color-text-secondary:#a3a3a3;--color-text-muted:#525252;--color-border:#262626;--color-border-hover:#404040;--color-accent:#818cf8;--color-accent-hover:#6366f1;--color-overlay:rgba(0,0,0,.7);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4);--shadow-drawer:-4px 0 15px -3px rgba(0,0,0,.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;transition:background var(--transition-normal),color var(--transition-normal)}a{text-decoration:none}a,button{color:inherit}button{font:inherit;border:none;background:none;cursor:pointer}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}