*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#f1f5f9;--bg-column:#f8fafc;--bg-card:#fff;--bg-header:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--accent:#6366f1}[data-theme=dark]{--bg-page:#0f172a;--bg-column:#1e293b;--bg-card:#273549;--bg-header:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#334155;--accent:#818cf8}body{background:var(--bg-page);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .35s,color .35s}button,input,select,textarea{font-family:inherit}*,:before,:after{transition:background-color .35s,border-color .35s,color .35s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16px)scale(.97)}}.dialog-backdrop{animation:.2s forwards fadeIn}.dialog-backdrop.closing{animation:.18s forwards fadeOut}.dialog-panel{animation:.22s cubic-bezier(.34,1.56,.64,1) forwards slideUp}.dialog-panel.closing{animation:.18s forwards slideDown}@keyframes cardIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.task-card-animated{animation:.2s forwards cardIn}