   border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
        }

        .todo-item:hover {
            background: #f7fafc;
            transform: translateX(5px);
        }

        .todo-item.completed {
            text-decoration: line-through;
            opacity: 0.6;
            background: #f0fff4;
        }

        .filter-buttons {
            margin: 20px 0;
            text-align: center;
        }