adding-left: 0.5rem;
            padding-right: 0.5rem;
            border-radius: 0.5rem;
        }

        .todo-item:last-child {
            border-bottom: none;
        }

        .todo-checkbox {
            width: 1.2rem;
            height: 1.2rem;
            cursor: pointer;
            accent-color: #ff6b35;
        }

        .todo-text {
            flex: 1;
            font-size: 1rem;
            color: #333;
            transition: all 0.2s ease;
        }

        .todo-text.completed {
  