:root{--color-bg: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #252525;--color-border: #333333;--color-text: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--sidebar-width: 240px;--topbar-height: 56px;--mobile-nav-height: 64px;--transition-fast: .15s ease;--transition-normal: .2s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.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}