:root{--bg-canvas: #08090c;--bg: #0c0d10;--bg-panel: #131418;--bg-panel-hi: #1b1d23;--bg-input: #15171c;--border: rgba(255,255,255,.05);--border-strong: rgba(255,255,255,.09);--border-accent: rgba(99,102,241,.28);--text: #eef0f5;--text-2: #9da3b3;--text-3: #636874;--accent: #6366f1;--accent-dim: rgba(99,102,241,.1);--must: #ff7a7a;--good: #4bd6a4;--nice: #c58bff;--must-dim: rgba(255,122,122,.12);--good-dim: rgba(75,214,164,.12);--nice-dim: rgba(197,139,255,.12);--red: var(--must);--red-dim: var(--must-dim);--green: var(--good);--green-dim: var(--good-dim);--blue: #4a9eff;--blue-dim: rgba(74,158,255,.12);--orange: #ff8c42;--orange-dim: rgba(255,140,66,.12);--glow: 0 0 32px rgba(99,102,241,.14);--card-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 4px 16px rgba(0,0,0,.5);--focus-ring: 0 0 0 3px rgba(99,102,241,.1);--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--font-serif: Georgia, serif;--radius: 4px;--radius-lg: 8px;--radius-xl: 14px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-default: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur-base: .22s;--dur-slow: .3s;--duration: .22s;--transition: var(--duration) var(--ease-default);--font-size-base: 14px;--bg-deep: var(--bg-canvas);--bg-surface: var(--bg-panel);--bg-column: var(--bg);--bg-2: var(--bg-panel);--bg-3: var(--bg-panel-hi);--bg-4: #2a2a32;--border-subtle: var(--border);--border-highlight: var(--border-accent);--border-bright: var(--border-strong);--text-muted: var(--text-3);--tier-must: var(--must);--tier-good: var(--good);--tier-nice: var(--nice);--tier-must-dim: var(--must-dim);--tier-good-dim: var(--good-dim);--tier-nice-dim: var(--nice-dim);--accent-violet: #7C3AED;--accent-cyan: #06B6D4;--accent-sage: #00C47A;--accent-coral: #FF5252}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all var(--transition)}button:active{transform:scale(.98);transition:transform .1s var(--ease-default)}button:focus-visible{box-shadow:var(--focus-ring);outline:none}input,textarea{font-family:var(--font-sans);font-size:16px;outline:none;border:none;background:none;color:var(--text);transition:border-color var(--transition)}input:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring)}textarea{resize:none}input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}.task-title-container:focus-within{border-color:var(--border-accent)!important}.task-title-container textarea:focus-visible{box-shadow:none}select{font-family:var(--font-sans);outline:none;color:var(--text);cursor:pointer}[data-reduce-motion=true] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.top-nav{display:block}.dashboard-layout{display:flex;flex-direction:row;width:100%;height:calc(100vh - 64px);overflow:hidden}.dashboard-main{flex:1;min-width:0;overflow:hidden}.dashboard-side{width:320px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;height:100%}.dashboard-stats-sticky{height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes modalSpringIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}65%{transform:translate(-50%,-50.5%) scale(1.01)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes vignetteFlash{0%{opacity:0}40%{opacity:1}to{opacity:0}}.landing-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}