.todo-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:var(--background-secondary);border-radius:var(--border-radius)}.todo-stats .stat-item{text-align:center}.todo-stats .stat-item span{display:block;font-size:2rem;font-weight:700;color:var(--primary)}.todo-stats .stat-item small{color:var(--text-secondary);font-size:.875rem}.add-task-form{margin-bottom:2rem}.input-group{display:flex;gap:.5rem;align-items:center}.input-group input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);font-size:1rem}.input-group select{padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);background:var(--background);font-size:1rem;min-width:120px}.filter-buttons{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:var(--border-radius);cursor:pointer;transition:.2s}.filter-btn:hover{background:var(--background-secondary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tasks-container{min-height:300px;margin-bottom:2rem}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background-secondary);border-radius:var(--border-radius);border-left:4px solid var(--border);transition:.2s}.task-item.completed{opacity:.7}.task-item.completed .task-text{text-decoration:line-through;color:var(--text-secondary)}.task-item.priority-high{border-left-color:#ef4444}.task-item.priority-medium{border-left-color:#f59e0b}.task-item.priority-low{border-left-color:#10b981}.task-checkbox{width:20px;height:20px;cursor:pointer}.task-text{flex:1;font-size:1rem;line-height:1.4}.task-priority{font-size:.75rem;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;font-weight:600}.task-priority.high{background:#fee2e2;color:#dc2626}.task-priority.medium{background:#fef3c7;color:#d97706}.task-priority.low{background:#d1fae5;color:#065f46}.task-actions{display:flex;gap:.5rem}.task-btn{padding:.25rem .5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:.2s}.task-btn.edit{background:#dbeafe;color:#1d4ed8}.task-btn.delete{background:#fee2e2;color:#dc2626}.task-btn:hover{opacity:.8}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state h3{margin:1rem 0 .5rem;color:var(--text)}.actions-bar{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.task-item.editing .task-text{display:none}.task-item .task-edit-input{display:none;flex:1;padding:.5rem;border:1px solid var(--primary);border-radius:var(--border-radius);font-size:1rem}.task-item.editing .task-edit-input{display:block}@media (max-width:768px){.todo-stats{gap:1rem}.input-group{flex-direction:column}.input-group button,.input-group input,.input-group select{width:100%}.filter-buttons{justify-content:center}.task-item{flex-direction:column;align-items:flex-start;gap:.5rem}.task-actions{align-self:flex-end}}