:root{--bg-primary: #ffffff;--bg-secondary: #fafbfc;--bg-tertiary: #f1f3f5;--bg-hover: #f0f1f3;--border: #eaecf0;--border-light: #f2f4f7;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--text-primary: #1a1d23;--text-secondary: #5c6370;--text-muted: #8b909e;--accent: #3b82f6;--accent-hover: #2563eb;--accent-soft: rgba(59, 130, 246, .1);--accent-secondary: #8b5cf6;--success: #10b981;--success-soft: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 26px;--text-page-title: 26px;--text-section-heading: 22px;--text-body: 16px;--text-label: 14px;--text-caption: 13px;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--status-complete: #10b981;--status-complete-soft: rgba(16, 185, 129, .1);--status-in-progress: #3b82f6;--status-in-progress-soft: rgba(59, 130, 246, .1);--status-not-started: #9ca3af;--status-not-started-soft: rgba(156, 163, 175, .1);--status-flagged: #ef4444;--status-flagged-soft: rgba(239, 68, 68, .1);--nav-active-bg: #f1f5f9;--nav-active-text: #1e293b;--sidebar-width: 220px;--sidebar-collapsed-width: 60px;--sidebar-transition: width .2s ease-out, margin-left .2s ease-out;--header-height: 64px;--content-max-width: 1160px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-secondary);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2;color:var(--text-primary)}p{margin:0}.mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#cdd1d8}